linked-data-platform 相关问题

如果类型是从变量进行数据绑定，则通过 <object> 标签在 Angular 中显示 pdf 无法在 Chrome 中工作

我正在尝试通过标签在 Chrome 中显示 pdf。如果我手动编写类型，它会起作用：不工作但是... 我正在尝试通过 <object> 标签在 Chrome 中显示 pdf。如果我手动写 type: 就可以了 <object [data]="getUrl(true)" type="application/pdf"> Not working </object> 但如果我从变量读取类型则不会： <object [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> 为什么？这是一些非常奇怪的错误，还是我做错了什么可怕的事情。这里是plunkr。它可以在 Firefox 中运行（所有 4 个对象都会显示），但不能在 Chrome 中运行 (Version 74.0.3729.169 (Official Build) (64-bit))：我遇到了同样的问题，但我不明白原因。就我而言，我决定在基于 Blink 引擎的浏览器中使用“embed”元素而不是“object”元素。 <ng-template #blinkPlatformViewer> <embed [src]="getUrl(true)" [type]="file.mimeType"/> </ng-template> <object *ngIf="!isBlinkPlatform; else blinkPlatformViewer" [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> import { Platform } from '@angular/cdk/platform'; import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'; export class FileContentComponent { constructor(private readonly sanitizer: DomSanitizer, private readonly platform: Platform) { } get isBlinkPlatform(): boolean { return this.platform.BLINK; } }

使用 html 垂直对齐表格

如何垂直对齐表格？以便 546号彩票1 在链接元素列下对齐 547号彩票2 属于 Linked Element1 列 548号彩票3 跌落...

安装 Google Cloud Platform for Eclipse 时出错：缺少 javax.annotation 依赖项

我在尝试安装适用于 Eclipse 的 Google Cloud Platform 插件时遇到问题。安装过程失败并显示以下错误消息：无法完成安装，因为...

在 Jenkins 管道中使用“docker buildx build”时出现“未知标志：--platform”

我使用的是RedHat-7系统。我希望通过 Jenkins Pipeline 来实施 DevOps。但是当我使用 docker buildx 构建功能时，Jenkins 说“未知标志：--platform”。我运行我的詹金斯......

如何删除所有 Google Cloud Platform (GCP) 资源中的资源级权限

如何删除所有 Google Cloud Platform (GCP) 资源中的资源级权限？例如，计算虚拟机实例可共享给另一个 GCP 用户，而无需分配 IAM 角色。有没有...

为什么我不能使用数据类的字段作为jetpack compose中lazyColumn的item的key？

一个非常非常简单的例子（implementation(platform("androidx.compose:compose-bom:2023.08.00"))）： com.study.myapplication 包导入 android.os.Bundle 导入 androidx.activity。

使用 VS Code 提供额外的配置文件

我们如何使用 Visual Studio Code 使用 https://github.com/ballerina-platform/ballerina-spec/blob/master/configurable/spec.md# located-toml-files 中指定的多个 .toml 文件？（假设...

更新API Platform 3.0相关实体

我正在尝试通过主实体更新相关实体。例如，我有产品和优惠。我向 /products 发了一个帖子 { "name": "样品产品", “优惠”：...

如何解决错误“as.data.frame.default(data) 中的错误：无法强制类‘“lm”’到 data.frame”

abc4 <- lm(Sales~., data=abc4) summary(abc4) abc5 <- lm(Sales~ T+June+July+August+September+October+November+December, data=abc4) summary(abc5) I'm trying to run regression. If I run the fi...

如何使用 Docker 在 Ubuntu 上安装 nvm？

到目前为止我有这个：来自 --platform=linux/amd64 amd64/ubuntu:noble 环境术语 Linux ENV DEBIAN_FRONTEND 非交互式 SHELL [“/bin/bash”，“-c”] 环境外壳 /bin/bash 运行 apt upd...

在 Hyperledger Firefly Fabric 中部署链码时出错

当您运行以下命令来发起智能合约时： ff 部署结构开发测试 asset_transfer.zip firefly asset_transfer 1.0 我收到以下错误：错误：docker run --platform linux/...

调查表问题：调查表功能显示的观测值数量与数据中的实际观测值数量不同

数据<- data.frame(X =c(1,4,6,4,1,7,3,2,2),Y = c(6,5,9,9,43,65,45,67,90),weight=c(0.1,1.2,4,0,0,5,0.65,1,0)) dat_design <- svydesign(ids = ~1, data = Data, weights = Data$weight) ab=

如何使用 API Platform 和 Gedmo Translatable 查询可翻译属性

我正在使用 Symfony 6 + API 平台 + Gedmo Translatable。更新/发布项目工作正常并正确存储翻译。另外，以正确的语言获得集合是......

无法验证应用程序默认凭据

我正在关注这里的文档，它说：应用程序向 Google Cloud Platform API 服务进行身份验证的最简单方法是使用应用程序默认凭据 (ADC)。服务使用...

如何在云端托管Python项目（特别是Google Cloud Platform）

我有一个关于在云服务器上托管个人项目的非常简单的（我认为）问题。目前，我每天早上都手动运行我的脚本。我想通过

无法加载DLL“找不到模块HRESULT：0x8007007E”

我有 C# WPF 应用程序，其中使用了 C++ DLL 库。当我构建项目时，它会成功构建，并且所有 DLL 和 exe 都存储在 bin/(Platform) eg(bin/Debug) 文件夹中。现在如果我...

为 Data Fusion 或 Cloud Composer 实例分配静态 IP

我正在尝试使用 Google Data Fusion 连接到 Microsoft SQL Server 数据库，并且需要有一个静态 IP。我尝试在子网上配置静态 IP 并将其连接到 Data Fusion ...

应用程序无法识别手势，例如在 Angular 11 中使用 Hammer.JS 进行平移

我无法在使用 Hammer.JS 的 Angular 应用程序中识别任何手势，例如滑动、平移。它的设置是这样的：包.json： “@角度/核心”：“11.0.5”， “@Angular/platform-br...

在 Docker 中的 Ubuntu 上安装最新版本 Node (v20) 的说明不起作用？

我只是按照说明在 Ubuntu 上的 docker 中安装了最新版本的 Node (v20)，在我的 Dockerfile 中包含以下内容：来自 --platform=linux/amd64 ubuntu:22.04 运行 apt-get update 运行 apt-get...

获取世博会资产

访问世博会资产的正确方法是什么？我试过这个：等待 Asset.loadAsync(require('file:///assets/data/catalog.json')); 错误：无法解析“file:///assets/data/catalog.json”...

如何在 AWS Elastic Beanstalk 环境/应用程序中运行 artisan migrate？

我已经完成了所有这些事情来部署我的应用程序，但我无法在部署中运行 php artisan migrate。我已经尝试了从container_commands到.ebextensions/.platform/hooks的许多解决方案，但没有任何效果......

将多个对象添加到另一个对象

我一直在开发本教程中制作的应用程序版本（https://learn.microsoft.com/pl-pl/aspnet/core/data/ef-rp/complex-data-model?view =aspnetcore-5.0&tabs=visual-studio）。我有

为什么没有从指针到引用的隐式转换到const指针[重复]

我将用代码来说明我的问题： #包括 void PrintInt(const unsigned char*& ptr) { 整数数据=0； ::memcpy(&data, ptr, sizeof(data)); // 推进 po...

调整 ggplot 条形图中的 x 轴标签

我想移动上方平均线下方的条形标签。我正在使用这段代码来制作这个图表水平 <- mean(data$SPAD) quux <- data %>% 选择（基因型，规格...

AOS 中的数据绑定 - 可能吗？

我在我的角度项目中使用滚动动画，我有一堆图像，我想一个接一个地显示它们。我在我的角度项目中使用滚动动画，我有一堆图像，我想一个接一个地显示它们。 <div class="img-gallery"> <div *ngFor="let imgSrc of images" data-aos="zoom-in"> <img [src]="imgSrc"> </div> </div> 我想为每个包装 div 添加 data-aos-delay 指令，就像这样 <div *ngFor="let imgSrc of images; let i = idnex" data-aos="zoom-in" [data-aos-delay]="i * 100"> <img [src]="imgSrc"> </div> 但是，不出所料 - 它向我显示了错误无法绑定到“data-aos-delay”，因为它不是“div”的已知属性我怎样才能实现它？任何实施都将感激地接受可以改成下面吗 <div *ngFor="let imgSrc of images; let i = idnex" data-aos="zoom-in" data-aos-delay="{{i * 100}}"> <img [src]="imgSrc"> </div>

运行 npx json-server --watch Data/db.json --port 8000 时，它会抛出一个新错误

每当我运行 npx json-server --watch Data/db.json --port 8000 时，它都会抛出错误类型错误 [ERR_PARSE_ARGS_UNKNOWN_OPTION]：未知选项“--watch”。要指定位置参数星...

有没有办法在有条件的情况下隐藏v-data-table中的展开按钮？

借助 v-data-table 中的“show-expand”属性，展开按钮会显示在数据表的所有行中。借助 v-data-table 中的“show-expand”属性，展开按钮会显示在数据表的所有行中。 <v-data-table :expanded.sync="expanded1" :headers="headers1" :items="items" show-expand class="elevation-1" > 有没有办法根据 Vuetify 3 中的条件进行渲染？在 Vuetify 2 中，使用 item.data-table-expand 插槽来实现此目的。 <template #item.data-table-expand="{ item, expand, isExpanded }"> <td v-if="item?.versions?.length > 0" class="text-start"> <v-btn variant="text" density="comfortable" @click="expand(!isExpanded)" class="v-data-table__expand-icon" :class="{ 'v-data-table__expand-icon--active': isExpanded }" > <v-icon>mdi-chevron-down</v-icon> </v-btn> </td> </template> 但是，在 Vuetify 3 中使用相同的代码块会返回类型错误： Uncaught TypeError: expand is not a function expand 现在是 toggleExpand 并期望 internalItem 插槽道具 <template #item.data-table-expand="{ item, internalItem, toggleExpand, isExpanded }"> <td v-if="item?.versions?.length > 0" class="text-start"> <v-btn variant="text" density="comfortable" @click="toggleExpand(internalItem)" class="v-data-table__expand-icon" :class="{ 'v-data-table__expand-icon--active': isExpanded }" > <v-icon>mdi-chevron-down</v-icon> </v-btn> </td> </template>

带有 std::enable_if 的嵌套模板类，C++

我有一个模板类B，其第一个参数T1必须继承类A，第二个参数T2用于嵌套类C： A 类 { ... }; 模板我有一个模板类B，其第一个参数T1必须继承类A，第二个参数T2用于嵌套类C： class A { ... }; template<typename T1, typename T2 = T1, typename = std::enable_if_t<std::is_base_of<A, T1>::value>> class B { class C { T2 data; C(T2 data); void func(); ... }; ... }; 问题是当我尝试定义嵌套类的构造函数和方法时出现错误： template<typename T1, typename T2, typename> B<T1, T2>::C::C(T2 data) : data(data) { ... } template<typename T1, typename T2, typename> void B<T1, T2>::C::func() { ... } E0464“B::value, void>>::C”不是类模板； C3860 类类型名称后面的类型参数列表必须按照类型参数列表中使用的顺序列出参数。如果我不使用嵌套类或不使用 std::enable_if，代码可以正常工作，但在这里我需要它们，而且我真的不明白出了什么问题。定义构造函数时仍然需要提供默认的模板参数： template<typename T1, typename T2, typename D> B<T1, T2, D>::C::C(T2 data) : data(data) { } 或者，由于最后一个参数仅用于 SFINAE 目的并且始终旨在为 void，因此您可以编写： template<typename T1, typename T2> B<T1, T2, void>::C::C(T2 data) : data(data) { } 请注意，最好在 C 中定义构造函数。无论如何，大多数时候你都无法将模板拆分为标头/源代码，并且处理类模板的外线定义可能非常烦人且脆弱。 C++17 和 C++20 的注意事项如果您使用的是 C++20，您可以编写： template<std::derived_from<A> T1, typename T2 = T1> class B { /* ... */ }; template<std::derived_from<A> T1, typename T2> B<T1, T2>::C::C(T2 data) : data(data) { } 如果您使用的是 C++17，您至少可以使用辅助变量模板std::is_base_of_v<A, T1>。

将 Spring Data Rest 与反应式存储库一起使用时，FluxUsingWhen 无法转换为 Iterable 错误

我配置了一个 ReactiveSortingRepository 来查看 Spring Data Rest 上的反应功能，过去我主要使用 PagingAndSortingRepository 将资源公开为 REST 端点，所以想要...

OpenEdge ABL JSON 到临时表：READ-JSON

我如何将其（如下）读取到临时表中： { “参数”：{ }, "data": "{\"姓名\":\"morpheus11\",\"工作\":\"leader1221\"}&qu...

如何将自定义用户类型作为参数传递给 Spring Data JPA 查询方法？

我有一个 Spring data JPA 存储库，它由 postgresql 数据库支持。作为查询的一部分，我想在查询中使用间隔。我设法通过创建一个 SQLFunction 来实现它...

从 html 中提取 <h2> 标题文本，其中标题文本可能包含 <code> 和 </code> 标签

我有一个 html 文件，其中包含一些标签，例如一个<- ' 我有一个 html 文件，其中包含一些 <h2> 标签，例如 a <- '<section id="sec-standard-stoet-geary" class="level2" data-number="9.4"> <h2 data-number="9.4" class="anchored" data-anchor-id="sec-standard-stoet-geary"> <span class="header-section-number">9.4</span> Standardising PISA results</h2>' b <- '</span> <span class="fu">read_parquet</span>(<span class="st">"<folder>PISA_2015_student_subset.parquet"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre> </div> </div> </section><section id="sec-leftjoin" class="level2" data-number="9.3"><h2 data-number="9.3" class="anchored" data-anchor-id="sec-leftjoin"> <span class="header-section-number">9.3</span> Linking data using <code>left_join</code> </h2> <p>' 我可以使用以下方法提取a的标题： str_extract_all(a, '(?<=(<[/]span>)).*(?=(<[/]h))')[[1]] %>% str_squish() > [1] "Standardising PISA results" 但是在 b 上尝试这个不会返回任何结果： str_extract_all(b, '(?<=(<[/]span>)).*(?=(<[/]h))')[[1]] %>% str_squish() > character(0) 编辑：从评论来看，这似乎是正则表达式无法解析换行符。我尝试在正则表达式(?s)中启用单行模式进行解析，但它仍然不起作用我会在这里使用 html 解析器而不是正则表达式： library(rvest) read_html(a) |> html_elements("h2") |> html_text() |> trimws() #> [1] "9.4 Standardising PISA results" read_html(b) |> html_elements("h2") |> html_text() |> trimws() #> [1] "9.3 Linking data using left_join"

如何利用v-data-table中的item-class来增加字体大小？

我对 VueJs 比较陌生，并尝试将我的 v-data-table 项目（Vuetify 2）中的字体大小更新为 20px。在这样做的过程中，我遇到了物品等级。这种方法对 chang 来说是成功的...

具有 TimestampableEntity 特征的实体在 PUT 操作中失败

我正在全新安装 API Platform (v3.2.7)，并且使用 Gedmo\Timestampable\Traits\TimestampableEntity 这是我的实体（问候语示例）我正在全新安装 API Platform (v3.2.7)，并且正在使用 Gedmo\Timestampable\Traits\TimestampableEntity 这是我的实体（问候语示例） <?php namespace App\Entity; use ApiPlatform\Metadata\ApiResource; use Doctrine\ORM\Mapping as ORM; use Symfony\Component\Validator\Constraints as Assert; use Gedmo\Timestampable\Traits\TimestampableEntity; #[ApiResource] #[ORM\Entity] class Greeting { use TimestampableEntity; #[ORM\Id] #[ORM\Column(type: "integer")] #[ORM\GeneratedValue] private ?int $id = null; #[ORM\Column] #[Assert\NotBlank] public string $name = ""; public function getId(): ?int { return $this->id; } } 和我的 config/services.yaml gedmo.listener.timestampable: class: Gedmo\Timestampable\TimestampableListener tags: - { name: doctrine.event_listener, event: 'prePersist' } - { name: doctrine.event_listener, event: 'onFlush' } - { name: doctrine.event_listener, event: 'loadClassMetadata' } 它在 POST 操作上工作正常，但在执行 PUT 时失败。我收到此错误执行查询时发生异常：SQLSTATE[23000]：完整性约束违规：1048 列“created_at”不能空我使用的版本是：symfony 6.4.1，doctrine 2.12，gedmo 3.14 我最终做的是使用 PATCH 而不是 PUT。所以我可以编辑部分实体，并且特征仍然更新 updated_at 字段

在 MUI Data Grid v6 中更新另一个单元格时，如何在编辑模式下更新一个单元格？

我正在使用 MUI Data Grid v6 组件并利用其内置的 CRUD 编辑功能。我有多个列，所有列都可以编辑。在我的“类别&...”列中选择新值后

RxJs 计时器仅调用一次，而不是每秒调用一次

下面是我的代码： this.callActiveListSubscription = 定时器(0,1000).pipe(switchMap(() => this.realtimeSupervisorHeatMapService.getLiveCallList())).subscribe((data: any) => { 控制台.log('

从 html 中提取 <h2> 标题文本，其中标题文本可能包含换行符

检查play.api.libs.json.Json中是否存在密钥

包含类似 play.api.libs.json.Json 的功能 val data=Map("id" -> "240190", "密码" -> "密码","电子邮件" -> "[email protected]") data.contains("email")//true val信息=Json...

我无法用vue.js显示json

我需要使用 v-for 显示 json 中的产品数组，但我无法这样做。我正在尝试显示产品数组中的 json 数据，但它不起作用。 Vue.js 我需要使用 v-for 显示 json 中的产品数组，但我无法这样做。我正在尝试显示产品数组中的 json 数据，但它不起作用。 Vue.js <div class="box" v-for="product in products" :key="product.id"> <h2>Produto {{ product.name }}</h2> <h3>Situação {{ product.situation }}</h3> </div> export default { data() { return { products: [], }; }, methods: { async getData() { try { const req = await fetch("http://localhost:3000/products"); const data = await req.json(); this.products = data.products; console.log("data" + data); } catch (error) { console.error("Error fetching data:", error); } }, mounted() { this.getData(); }, }, }; JSON： { "products": [ { "id": "a898", "name": "Claudio Romano", "situation": "Ativo" } ] } 您问错了问题，因为该问题与 JSON 无关。如果您对此进行调试，您会注意到 console.logs 不执行，这意味着问题更为根本，因为该方法本身并未实际运行。根本问题是mounted()不应该在methods内部。您正在使用 Vue 的选项 API，其中 data()、methods 和 mounted 都是独立的、单独的“选项”。您需要将安装移动到方法之外，它应该是一个“兄弟”选项。 export default { data() { ... }, methods: { ... }, mounted() { this.getData(); }, }; 游乐场演示

AOS - 如何在向上滚动时不再隐藏元素

我在我的角度项目中使用aos库，并将其附加到元素上我在我的 Angular 项目中使用 aos 库，并将其附加到元素 <div data-aos="zoom-in"></div 它工作正常，但我的问题是，当我向上滚动时 - 元素消失，向下滚动 - 再次出现。我认为这是 AOS 的默认行为，所以我的问题是 - 我该如何更改它？因此，当滚动到元素出现后的任意位置时，它会静态地停留在那里并且不会消失。感谢您的每一个回答。您可以使用如下属性data-aos-once="true"来避免元素在向上滚动时消失。 <div data-aos="zoom-in" data-aos-once="true"></div> 注意：使用data-aos-once="true"时，AOS效果只会起作用一次。

PySpark 分区镶木地板需要很长时间才能加载，即使使用指定的模式

设置：我有一个包含约 1300 个分区 parquet 文件的文件夹（例如 C:\Project Data\Data-*.parquet），其中 * 是一个计数器，每个文件大小约为 8MB。所有文件都具有相同的架构。我是茹...

CSS 在窄屏幕上显示每个单元格一行的表格

我的 HTML 看起来有点像这样我的 HTML 看起来有点像这样 <html><body><table> <thead><tr><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr></thead> <tbody> <tr><td>1A</td><td>1B</td><td>1C</td><td>1D</td><td>1E</td></tr> <tr><td>2A</td><td>2B</td><td>2C</td><td>2D</td><td>2E</td></tr> <tr><td>3A</td><td>3B</td><td>3C</td><td>3D</td><td>3E</td></tr> </tbody> </table></body></html> 每一行代表一个对象，列是它的属性。实际上，单元格值相当长——有时甚至有 20-30 个字符长。它在大多数设备上渲染良好，但在较小的手机上可能会出现问题。我知道我可以在狭窄的设备上抑制某些列，但在这个特定的情况下感觉不太好。目前我的桌子上有 x-overflow: scroll，但我更希望有一些 CSS 可以使表格在窄设备上呈现得更像这样： A: 1A B: 1B C: 1C D: 1D E: 1E ----- A: 2A B: 2B C: 2C D: 2D E: 2E ----- (etc) 我了解如何测试设备宽度，因此出于这个问题的目的，我们假设我想无条件地执行此操作。稍微更改一下 HTML 标记就可以了，例如添加额外的类或属性，尽管我想使用 <table> 元素来保留它，每个逻辑行有一个 <tr>。这是为了向后兼容，因为我知道有相当多的用户会抓取该网站（尽管存在更简洁的 API）。由于内部政治，如果可能的话，我宁愿避免需要 Javascript 的解决方案（并且无论如何，如果需要，我知道如何编写 JS 解决方案）。我可以做到这一点，但我不知道如何从这里硬编码为“X”的字段名称开始： thead { display: none; } table, tr, td { display: block; } tr + tr { border-top: thin solid black; } td::before { content: "X:"; display: inline-block; width: 2em; } 我见过很多网站都在做这种事情，但目前我正在努力寻找一个在 CSS 中做这件事的网站。看起来这应该是一个常见问题，但我很难知道要搜索哪些术语，因此可能会在这里或其他地方错过一些很好的解释。你就快到了。可能会使用例如data-col 元素上的 <td> 属性并在 CSS 中引用它们 content 上的 :before thead { display: none; } table, tr, td { display: block; } tr+tr { border-top: thin solid black; } td::before { content: attr(data-col)':'; display: inline-block; width: 2em; } <table> <thead> <tr> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> </thead> <tbody> <tr> <td data-col="A">1A</td> <td data-col="B">1B</td> <td data-col="C">1C</td> <td data-col="D">1D</td> <td data-col="E">1E</td> </tr> <tr> <td data-col="A">2A</td> <td data-col="B">2B</td> <td data-col="C">2C</td> <td data-col="D">2D</td> <td data-col="E">2E</td> </tr> <tr> <td data-col="A">3A</td> <td data-col="B">3B</td> <td data-col="C">3C</td> <td data-col="D">3D</td> <td data-col="E">3E</td> </tr> </tbody> </table> ABCD

如何调用不在类本身中的成员函数指针？

结构CALLBACK_DATA { 对象*指针； void (对象::*回调)(); }; int main() { CALLBACK_DATA 数据 = getData(); //这不起作用。 (data.pointer)->(data.*callback)();...

c# Azure.AI.OpenAI 在启动时出现错误

我正在尝试遵循 Microsoft 的操作方法（以 C# 方式）： https://learn.microsoft.com/en-us/azure/ai-services/openai/use-your-data-quickstart?tabs=command-line%2Cpython&pivots=programming-lan...

AVX2 缩小转换，从 uint16_t 到 uint8_t

我想使用 AVX2 将 2d 数组从 16 位缩小到 8 位。有效的C++代码如下： auto * s = reinterpret_cast(i_frame.Y); 自动 * d = 缩小.data(); 对于（

Windows 窗体应用程序上的音乐位置问题

此代码正在运行：音乐声音= new Music(); sound.Play(@"C:\Users\itama\Documents\Startech\HelperApplication\HelperApplication\data\music larmSound.mp3"); 我有一个问题，如何...

如何使用javascript forloop在点击时获取html中data-id的值并返回值

这是我的html {% if t_ques %} 今天 {% 表示 t_... 中的项目这是我的html <ul class="conversations"> {% if t_ques %} <li class="grouping">Today</li> {% for item in t_ques %} <li class="active"> <a id="convers" class="conversation-button text-[#E8F5FC] my-2" href="{% url 'assistant:continuechat' item.pk %}" data-pk="{{item.pk}}"> <i class="fa fa-message fa-regular"></i> {{item.title| truncatewords:04 }} </a> <div class="fade"></div> <div class="edit-buttons"> <button><i class="fa fa-edit"></i></button> <button class="trash" data-id = "{{item.pk}}"><i class="fa fa-trash"></i></button> </div> </li> {% endfor %} {% endif %} {% if y_ques %} <li class="grouping">Yesterday</li> {% for item in y_ques %} <li> <a id="convers" class="conversation-button text-[#E8F5FC] my-2" href="{% url 'assistant:continuechat' item.pk %}" data-pk="{{item.pk}}"> <i class="fa fa-message fa-regular"></i> {{item.title| truncatewords:04 }} </a> <div class="fade"></div> <div class="edit-buttons"> <button><i class="fa fa-edit"></i></button> <button class="trash" data-id = "{{item.pk}}"><i class="fa fa-trash"></i></button> </div> </li> {% endfor %} {% endif %} {% if s_ques %} <li class="grouping">Previous 7 days</li> {% for item in s_ques %} <li> <a id="convers" class="conversation-button text-[#E8F5FC] my-2" href="{% url 'assistant:continuechat' item.pk %}" data-pk="{{item.pk}}"> <i class="fa fa-message fa-regular"></i> {{item.title| truncatewords:04 }} </a> <div class="fade"></div> <div class="edit-buttons"> <button><i class="fa fa-edit"></i></button> <button class="trash" data-id = "{{item.pk}}"><i class="fa fa-trash"></i></button> </div> </li> {% endfor %} {% endif %} {% if more_s_ques %} <li class="grouping">Previous 30 days</li> {% for item in more_s_ques %} <li> <a id="convers" class="conversation-button text-[#E8F5FC] my-2" href="{% url 'assistant:continuechat' item.pk %}" data-pk="{{item.pk}}"> <i class="fa fa-message fa-regular"></i> {{item.title| truncatewords:04 }} </a> <div class="fade"></div> <div class="edit-buttons"> <button><i class="fa fa-edit"></i></button> <button class="trash" data-id = "{{item.pk}}"><i class="fa fa-trash"></i></button> </div> </li> {% endfor %} {% endif %} </ul> </div> 我一直在尝试使用 JavaScript 单击时获取任何 data-pk 的值，但似乎无法实现。这一直说 currentTarget 未定义，当我用 target 替换它时，它说同样的事情。然后，如果我将其替换为 document.querySelector("#convers")，它只会给出第一个值，无论单击哪个这是我的 JavaScript const conversationButtons = document.querySelectorAll("#convers"); conversationButtons.forEach(button => { button.addEventListener("click", getId); }); function getId(e){ var idValue = e.currentTarget.getAttribute('data-pk'); console.log(idValue); //output corresponding target-id if(!chat_id){ url = `/chat-previous/${idValue}/` }else{ url = 'initiate-chat/' } return url; } $.ajax({ type: 'POST', url: getId(), data: { message: usermsg, chatId: chat_id, // itemId: item_id, csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(), action: 'post' }, success: function(json){ const res = json['chats'] setTimeout(() => { hideTyping(); body.appendChild(mgses(res, "assistant")); scrollToBottomOfResults(); }, 1000); console.log(json) }, error: function(rs, e){ setTimeout(() => { hideTyping(); body.appendChild(setBotResponse("bot")); scrollToBottomOfResults(); }, 600); console.log(rs.error); }, }); 我使用了其他方法，例如 const getId = () => { console.log(document.querySelector(".conversation-button").getAttribute('data-pk')) if(!chat_id){ url = `/chat-previous/${document.querySelector(".conversation-button").getAttribute('data-pk')}/` }else{ url = 'initiate-chat/' } return url; } conversationButtons.forEach(button => { button.addEventListener("click", getId); console.log(button.getAttribute('data-pk')); }); 仍然无法得到我真正想要的。有什么方法可以实现这个目标吗？委托并使用按钮的类 document.querySelector('.conversations').addEventListener('click', (e) => { let tgt = e.target.closest('.conversation-button'); if (!tgt) return; const idValue = tgt.dataset.pk; console.log(idValue); //output corresponding target-id return chat_id ? 'initiate-chat/' : `/chat-previous/${idValue}/` }) 您做出了多个错误的假设，第一个是您不能有多个具有相同 id 的元素，这将导致您描述的确切行为“它需要第一次出现的 id” 第二件事是你可能想在点击时发出ajax请求，但你构建代码的方式并不能做到这一点。要解决这些问题，请生成如下 html button.conversation-button button.conversation-button button.conversation-button 然后向所有具有 .conversation-button 类的元素添加一个事件侦听器，并将您的 ajax 调用包装到一个函数中，主要是您已经拥有的函数。 const conversationButtons = document.querySelectorAll(".conversation-button"); conversationButtons.forEach(button => { button.addEventListener("click", doStuff); }); ... function doStuff(e) { $.ajax( ... url: getId(e) ... } function getId(e) { let idValue = e.currentTarget.getAttribute('data-pk'); let url = ...; ... return url; // } 只是一些伪代码让你得到一个想法，祝你好运:)

使用 `ggsurvfit::ggsurvfit()` 绘制对数减对数图

是否可以使用 ggsurvfit::ggsurvfit() 生成对数减对数图？这是我想要生成的示例：库（ggsurvfit）温度 <- survfit2(Surv(time, status) ~ adhere, data =

如何在React Native中显示图像的顶部，

这是我现在的情况，我的形象是这样的这是我当前的代码这是我现在的情况，我的形象是这样的这是我当前的代码 <View> <Image style={{width: '100%', height: 285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View> 我希望我的图像看起来像这样（这只是一个例子）我知道在普通的CSS中我们是否可以使用object-position，但不幸的是React Native并不直接支持object-positionCSS属性，所以我很困惑如何实现这个您需要使用 Flex:1，它使用整个屏幕，然后相应地定位和调整图像大小。 <View style={{flex:1}}> <Image style={{width:'100%', height:285}} source={{ uri: `${posterPath + data?.poster_path}`, }} resizeMode="cover" /> <Text>{data?.title}</Text> </View>

在 Jinja 中选择 for 循环内的元素

我正在尝试并排渲染两个不同的表，它们在 Flask 中作为数据帧一起传递 return render_template('rankings.html',tables=[df1.to_html(index=False,classes='data...

linked-data-platform 相关问题

最新问题