离子 3 指令。在 Div 上添加自定义 属性?
Ionic 3 Directive. Add Custom Property on Div?
我正在尝试绑定到自定义 div 属性、data-disqus-identifier
<div class="disqus-comment-count" [data-disqus-identifier]="project.route"></div>
我为此创建了一个指令
import { Directive, Input } from '@angular/core';
@Directive({
selector: '[div]',
exportAs: 'data-disqus-identifier',
})
export class DisqusCountDirective {
@Input('data-disqus-identifier') identifier: string;
constructor() { }
}
它已正确导入 app.module.ts 但我收到以下错误...
Can't bind to 'data-disqus-identifier' since it isn't a known property of 'div'.
感谢任何帮助。
谢谢
你需要在这里使用一个Attribute Directive。所以你的代码应该是这样的:
在你的HTML中:
<div class="disqus-comment-count" disqusCount [data-disqus-identifier]="project.route"></div>
在您的打字稿中(例如 disqus-count.directive.ts):
import { Directive, Input } from '@angular/core';
@Directive({
selector: '[disqusCount]'
})
export class DisqusCountDirective {
@Input('data-disqus-identifier') identifier: string;
constructor() { }
}
我正在尝试绑定到自定义 div 属性、data-disqus-identifier
<div class="disqus-comment-count" [data-disqus-identifier]="project.route"></div>
我为此创建了一个指令
import { Directive, Input } from '@angular/core';
@Directive({
selector: '[div]',
exportAs: 'data-disqus-identifier',
})
export class DisqusCountDirective {
@Input('data-disqus-identifier') identifier: string;
constructor() { }
}
它已正确导入 app.module.ts 但我收到以下错误...
Can't bind to 'data-disqus-identifier' since it isn't a known property of 'div'.
感谢任何帮助。
谢谢
你需要在这里使用一个Attribute Directive。所以你的代码应该是这样的:
在你的HTML中:
<div class="disqus-comment-count" disqusCount [data-disqus-identifier]="project.route"></div>
在您的打字稿中(例如 disqus-count.directive.ts):
import { Directive, Input } from '@angular/core';
@Directive({
selector: '[disqusCount]'
})
export class DisqusCountDirective {
@Input('data-disqus-identifier') identifier: string;
constructor() { }
}