小编Paw*_*t16的帖子

如何将值从 *ngFor (Angular) 传递给 data-target 属性?

我想使用 Angular 和 Bootstrap 库制作动态可折叠列表。因为我不知道会有多少,我想把它们放在*ngFor循环中。我一开始就遇到了问题。我需要知道我正在折叠和隐藏什么元素。为此,有两个参数data-target(用于按钮)和id用于文本列表。我下面的方法不起作用。我收到一个错误:

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'target' since it isn't a known property of 'button'. ("One">
          <h5 class="mb-0">
            <button class="btn btn-link" data-toggle="collapse" [ERROR ->]data-target="{{section.key}}" aria-expanded="true" aria-controls="collapseOne">
              {{sect"): ng:///PortalModule/FaqComponent.html@14:64
Error: Template parse errors:
Can't bind to 'target' since it isn't a known property of 'button'. ("One">
          <h5 class="mb-0">
            <button class="btn btn-link" data-toggle="collapse" [ERROR ->]data-target="{{section.key}}" aria-expanded="true" aria-controls="collapseOne">
              {{sect"): ng:///PortalModule/FaqComponent.html@14:64
    at syntaxError (compiler.js:2175)
    at TemplateParser.parse (compiler.js:11388) …
Run Code Online (Sandbox Code Playgroud)

html bootstrap-4 angular

0
推荐指数
1
解决办法
357
查看次数

标签 统计

angular ×1

bootstrap-4 ×1

html ×1