我已经创建了以下的ContentPage组件:
页面模板是:
当页面加载时,“Some content here”会出现一会儿然后消失。我认为应该将其插入到ContentPage的模板中,而不是使用ng-content指令。当我更改页面模板时,输出也随之更改,因此肯定已应用。
有没有一种方法可以保留组件中标记的内容?
更新:
我想要实现的是在服务器上生成具有内容的HTML页面,然后只需添加动态功能。
由于内容按钮编辑实际上应该隐藏“Some content here”,并显示编辑页面控件,因此我正在考虑使用包含和的容器组件。
因此,模板或templateUrl不是选项。
@Component({ selector: 'content-page',
template: '<ng-content></ng-content>' })
export class ContentPage {
}
然后在模块中引导它:
@NgModule({
imports: [ BrowserModule ],
declarations: [ ContentPage ],
bootstrap: [ ContentPage ]
})
export class AppModule { }
页面模板是:
<!DOCTYPE html>
<html>
... angular2 quickstart head ...
<body>
<div class="container" style="padding-top: 20px">
<content-page>
<div style="float: right; width: 150px">
<content-button-edit></content-button-edit>
</div>
<div data-page-id="{{page-id}}">
Some content here
</div>
</content-page>
</div>
</body>
</html>
当页面加载时,“Some content here”会出现一会儿然后消失。我认为应该将其插入到ContentPage的模板中,而不是使用ng-content指令。当我更改页面模板时,输出也随之更改,因此肯定已应用。
有没有一种方法可以保留组件中标记的内容?
更新:
我想要实现的是在服务器上生成具有内容的HTML页面,然后只需添加动态功能。
由于内容按钮编辑实际上应该隐藏“Some content here”,并显示编辑页面控件,因此我正在考虑使用包含和的容器组件。
因此,模板或templateUrl不是选项。
content-page
选择器的HTML中添加标记呢? - user1752532