我想将Angular2与ASP.NET MVC结合使用（不是核心）。我的目标是在服务器端生成UI。我有一个模型，可以在其上生成标记。
我有几个Angular2组件：
//1
@Component({
selector: 'my-app',
template: `<h1>Angular</h1>`
})
export class AppComponent {}
//2
@Component({
selector: 'my-text',
template: `<div><input type="text" placeholder="default"/></div>`
})
export class MyTextComponent {}
我使用MVC（剃刀引擎）生成标记，如下所示：
<my-app>
<my-text> </my-text>
<my-text> </my-text>
<my-text> </my-text>
...
<my-text> </my-text>
</my-app>
不幸的是，当角度应用程序启动时，我的标记转换为
<my-app><h1>Angular</h1></my-app>
当我在AppComponent模板中添加标记时，如下所示：
template: `<h1>Angular</h1>
<my-text> </my-text>
<my-text> </my-text>
<my-text> </my-text>
...
<my-text> </my-text>`
一切正常-选择器按角度进行处理。为什么会发生这种情况，以及如何利用MVC标记？我期望angular2可以接收标记MVC并对其进行处理。
当Angular2引导根组件时，它将组件应用到与其选择器匹配的元素。清除目标元素的内容。
Angular2不支持在根元素上进行包含。
据我所知，使用ngDowngrade或ngUpgrade可能存在某些问题，但我对此一无所知。
Angular2也并不处理添加到根元素出于安全原因的任何绑定（<my-app [someProp]="xxx" (click)="doSomethign()"></my-app>）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句