Angular 2使用elementref获取多个元素

时间:2016-12-12 22:30:25

标签: angular angular2-directives

我有一个自定义指令,我试图在两个元素上使用它,所以我可以启用4.4.0-53我试过两次调用指令......

contenteditable = 'true'

它适用于第一个 <div> <p myEdit>click me to edit</p> <p myEdit>click me to edit with same directive</p> <button (click)="Edit()">Press me to enable editing</button> </div> 元素而不是第二个元素。这是一个我的设置https://plnkr.co/edit/eLIOAzt4BHA84DEAPTRX?p=preview

的plunker

任何帮助都会很棒,谢谢!

2 个答案:

答案 0 :(得分:2)

使用你自己的指令[contentEditable] ..是一个更好的解决方案:)

re.sub(ur'[^A-Za-z0-9\'], '',text)

答案 1 :(得分:1)

使用@ViewChildren

export class App {
  @ViewChildren(EditDirective) vc:EditDirective;
  constructor() {}
  Edit(){
    this.vc.map(c => c.Edit())
  }
}

https://plnkr.co/edit/KuICFo5888bCxmZG5D1O?p=preview