Ионная 3 Директива.Добавить пользовательское свойство на Div? - PullRequest
Новая
       21

Ионная 3 Директива.Добавить пользовательское свойство на Div?

0 голосов
/ 10 июня 2018

Я пытаюсь привязать к пользовательскому свойству 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'.

Любая помощь приветствуется.

Спасибо

1 Ответ

0 голосов
/ 10 июня 2018

Вам необходимо использовать директиву Атрибут здесь.Таким образом, ваш код будет выглядеть примерно так:

В вашем HTML: 

<div class="disqus-comment-count" disqusCount [data-disqus-identifier]="project.route"></div>

В вашем Typescript (например, disqus-count.directive.ts): 

import { Directive, Input } from '@angular/core';

@Directive({
  selector: '[disqusCount]'
})
export class DisqusCountDirective {

  @Input('data-disqus-identifier') identifier: string;

  constructor() { }

}
...