transform(value, type, headerSelectArray = [], valueToBeSelected, hasAction = false, functionName) {
try {
if (type === '_field') {
return value;
} else if (type === '_select_attribute') {
let options;
options = (`<select ` + `(click)="updateStatus()"` + `>`);
headerSelectArray.forEach(element => {
options += `<option value="` + element.key + `" selected="` + (element.key === valueToBeSelected) + `" >` + element.label + `</option>`;
});
options += `</select>`;
return this.sanatize.bypassSecurityTrustHtml(options);
}
} catch (e) {
console.log('Error--', e);
}
}
这是我的pip函数,它会根据某些条件返回html内容。我正在component.html部分中的InnerHtml属性绑定数据。
我面临的问题是,Click事件未与html绑定。Click here
在@component集encapsulation: ViewEncapsulation.None
内部
@Component({
selector: "component-selector",
templateUrl: "./x.component.html",
styleUrls: ["./x.component.css"],
encapsulation: ViewEncapsulation.None
})