Angularjs CSS类选择器可以应用于组件吗?
我有以下使用用户界面路由器和Angular的1.6x新组件功能 状态Angularjs CSS类选择器可以应用于组件吗?,angularjs,angular-ui-router,angular-components,angular-component-router,Angularjs,Angular Ui Router,Angular Components,Angular Component Router,我有以下使用用户界面路由器和Angular的1.6x新组件功能 状态'userRegister'变为活动状态,然后初始化'userRegister'组件。该组件将一个新的注入中,然后注入ng模板的HTML内容脚本块,这一切都正常工作 最终的DOM是: <ui-view class="ng-scope"> <user-register class="ng-scope ng-isolate-scope"> <h1 class="header">
'userRegister'
变为活动状态,然后初始化'userRegister'
组件。该组件将一个新的
注入
中,然后注入ng模板的HTML内容
脚本块,这一切都正常工作
最终的DOM是:
<ui-view class="ng-scope">
<user-register class="ng-scope ng-isolate-scope">
<h1 class="header">Create account</h1>
</user-register>
</ui-view>
创建帐户
但是,我找不到向
标记添加CSS类选择器的方法
e、 g.使用名为的类选择器。示例
我希望实现以下目标:
…
有什么想法吗?当然你可以把模板包装在一个div上,然后把类放在那里 如果不想这样做,可以插入
$element
并使用$postLink
函数添加所需的类:
.component('userRegister', {
templateUrl: '/views/user-register',
controller: function($element) {
this.$postLink = function() {
$element.addClass('example');
}
}
})
这是正在工作的plunker:
最终DOM:
<user-register class="ng-scope ng-isolate-scope example">
<h1 class="header">Create account</h1>
</user-register>
创建帐户
没有CSS类。CSS有规则集、选择器、类选择器、规则和属性(所有这些有时都被错误地称为“CSS类”)。HTML有实际的类。@Quentin:当然,你会尝试更新为“类选择器”@Iamme难道你不能在模板中添加一个div(应用你的类)并将所有内容都保存在模板中以实现类似的行为吗?@tanmay:是的,我现在有了。但是如果可能的话,我想避免使用额外的嵌套标记,因为它似乎对于不感兴趣的需求来说是多余的。您知道$postLink方法和$element的详细API引用在哪里吗?我看过Angular网站,但只能找到《开发者指南》中提到的$postLink函数。对于任何感兴趣的人:$postLink
被称为生命周期挂钩。关于这个钩子和其他钩子的一些信息可以通过下面的链接找到,尽管我还没有找到一个全面的解释(如果你觉得合适,请分享):