我正在开发的 Angular 2 应用程序是用于呼叫中心的。
我创建了一个 Angular 2 组件，它是一个引导模式。当我在页面上实例化一个或多个并创建触发器来打开它们时，它可以完美地工作。那里没有问题。我已经彻底测试了该部分。
现在在我的应用程序中，我们有一个复选框列表，单击这些复选框时，应该会弹出一个模式，并提供呼叫中心代理在选择呼叫原因时涵盖的说明。
为了创建这些模式和触发器，这是我放置的代码：
<div class="checkbox" *ngFor="#case of caseTypes; #i = index" data-toggle="modal" data-target="modal-i">
<label>
<input type="checkbox" [(ngModel)]="case.selected"> {{case.title}}
</label>
<instructions-modal [instruction]="case.instructions" title="{{case.title}}" closeButtonTitle="Finished" modalId="modal-{{i}}"></instructions-modal>
</div>
这看起来应该可行，但是当我转到该页面时，我在浏览器控制台中收到以下错误：
EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Can't bind to 'data-toggle' since it isn't a known native property ("ss="col-md-6">
<h4>Case Type</h4>
<div class="checkbox" *ngFor="#case of caseTypes; #i = index" [ERROR ->][data-toggle]="modal" [data-target]="modal-i">
<label>
<input type="checkbox" [(ngModel)]="cas"): CaseCreation@8:64
Can't bind to 'data-target' since it isn't a known native property ("ase Type</h4>
<div class="checkbox" *ngFor="#case of caseTypes; #i = index" [data-toggle]="modal" [ERROR ->][data-target]="modal-i">
<label>
<input type="checkbox" [(ngModel)]="case.selected"> {{case.ti"): CaseCreation@8:86
我检查了这个问题 https://www.reddit.com/r/Angular2/comments/3sjnw4/help_cant_bind_to_type_since_it_isnt_a_known/但这对我没有任何帮助。我尝试过使用和不使用[] around data-toggle and data-target这两种方法似乎都不起作用。我还在包裹复选框和标签的 div 上进行了尝试，并且在两个地方都遇到了相同的错误。
有什么办法可以使用吗*ngFor在 HTML 元素上使用自定义属性或非本机属性？
这是因为data-不是 的 prop（属性）div
[foo]="exp" means “将 exp 评估的值传播到 foo 属性”.
如果你想影响属性值，你需要使用[attr.foo].
这会让它为你工作：
[attr.data-toggle]=""
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
