我有一个角度组件,可以使用templateUrl从外部检索其模板。模板中的脚本没有进行评估,但是如果我将templateUrl更改为模板并粘贴相同的标记,那么相同的脚本会很好地评估。
我注意到的另一件事是,在组件标签或祖先上使用ng-if时,这只是一个问题。
标记:
<body>
<include-view ng-if="true"></include-view>
<br><br>
<include-view2 ng-if="true"></include-view2>
</body>
组件:
myApp.component('includeView', {
template: '<script type="text/javascript">' +
'console.log(\'This works\');' +
'</script>' +
'<b>this view is included by includeView component</b>'
});
// the markup in Page1.html is identical to the markup above, yet the script does not eval
myApp.component('includeView2', {
templateUrl: 'Page1.html'
});
编辑:简化代码