我在Angular2组件内启动了一个Angular1应用程序。
模板：
<div #ng1Hook></div>
<input type="text" ng-model="vm.filters.date" />
成分：
@ViewChild('ng1Hook') div;
ngAfterViewInit() {
angular.bootstrap(this.div.nativeElement, ['ng1Module']);
}
问题在于NG2试图解析其模板内的NG1代码。例如，在模板的下方有这样的代码：当然ng-model="vm.filters.date"，NG2无法处理此代码。
现在，我的NG2组件抱怨它无法读取'xyz'undefined属性，这是我在NG1组件模板中使用的属性ng-model=vm.xyz
如何致电NG2以忽略其模板内的NG1代码？还是还有其他将NG1正确嵌入NG2的方法？
您可以添加属性ngNonBindable以防止Angular2处理绑定或实例化指令或组件。
如果HTML是动态添加的，Angular2也不会对其进行处理
<div [innerHTML]="someHtml">
的内容someHtml将被添加到DOM中，而Angular2不会以任何方式对其进行处理。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句