Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs CSS类选择器可以应用于组件吗?_Angularjs_Angular Ui Router_Angular Components_Angular Component Router - Fatal编程技术网

Angularjs CSS类选择器可以应用于组件吗?

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">

我有以下使用用户界面路由器和Angular的1.6x新组件功能

状态
'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
被称为生命周期挂钩。关于这个钩子和其他钩子的一些信息可以通过下面的链接找到,尽管我还没有找到一个全面的解释(如果你觉得合适,请分享):