我是新手写的angularjs指令如何将样式添加到指令模板

时间:2017-01-29 18:39:13

标签: angularjs angularjs-directive

我在模板中使用了<style>标记。

这是最好的方式还是有其他更好的方法

css代码约为20行。

1 个答案:

答案 0 :(得分:0)

你可以这样做,但最好使用css类。在样式表中指定类中的样式,然后在指令中的相应html标记上指定具有class属性的类。

样式表(扩展名为.css的文件)​​中的类似内容:

.whiteTextOnBlack { 
    background-color: black;
    color: white;
}

然后在指令模板中引用这样的类:

<p class="whiteTextOnBlack">I'm text that has been styled</p>