ngIf,然后单击对angular2中的动态html不起作用

时间:2018-09-19 08:48:15

标签: javascript angular

ngIf并单击不适用于动态html。

当使用innerHtml然后ngIf加载html时,单击事件未加载。

export class FillInBlanksComponent implements OnDestroy, OnInit {    

     question = '';
     editable = true;
     ngOnInit() {    

         question = '<span *ngIf="editable" name="answers['+incr+']" contenteditable="true" (click)="onclick()"> </span>';
     }
     onClick(){
         alert("clicked!!!!");
     }    
}

2 个答案:

答案 0 :(得分:1)

您要调用的函数是(click)="onclick()",但是您已经定义了onClick()

另一件事是,您可能希望对字符串进行DOM消毒,否则会收到警告。请查看this answer上的操作方法。

答案 1 :(得分:0)

检查您是否完成了拼写错误的使用(click)=“ onClick()”

您在函数调用中使用小c