没有视图注释的Angular2组件

时间:2015-07-16 20:27:27

标签: asp.net-core-mvc angular

我希望能够使用Angular2在我的服务器呈现页面上进行客户端数据绑定(ASP.Net MVC6)。

是否可以在不添加@view模板的情况下执行此操作?我想用app元素包含一个服务器呈现的HTML块,而不是将其内联定义或创建外部模板。这就是我在Angular1中的做法,因为它允许我选择是在服务器端还是在客户端进行数据绑定。

感谢。

1 个答案:

答案 0 :(得分:1)

你可以做类似的事情,这可能是你想要的。举个例子:

import {Component, View, bootstrap} from "angular2/angular2";

@Component({
    selector: "app"
})
@View({
    template:  "<content></content>"
})
export class App {
    public name: string;

    constructor() {
        this.name = "MyName";
    }
}
bootstrap(App);

模板有一个特殊的内容 表示ngTransclude指令的<content></content>。这样您就可以在app标记内添加内容:

<app>
    <h1>Hello World</h1>
</app> 

不幸的是,这仍然是没有记录的,并且正在发生变化,所以很难说出实际的限制,或者即使这样仍然如此。

问候。