如何使用ng-class在angular js中应用CSS

Question

我是angular js的新手。 我想从外部CSS文件中应用CSS样式。 我已经在css文件中定义了.container类，我想使用ng-class在angular js文件中调用它。 但这是行不通的。 style.css

.container
{
width:900px;
height:600px;
border:1px solid;
margin:auto 0;
position:absolute;
background:red;
}

index.html

    <!DOCTYPE html>
    <html>
    <head>
    <script src="js/Angular.js"></script>
    <link rel="stylesheet" href="css/style.css"  />
    </head> 
    <body>
    <div ng-app="" ng-class="container" >

    </div>
    </body>
    </html>

Answer 1

您可以使用：

ng-class="{'container'：true}"

参见ngClass

Answer 2

要应用这样的类，您可以简单地使用class ：

<div ng-app="" class="container" >
               ^^^^^

从文档：

ngClass指令允许您通过数据绑定表示要添加的所有类的表达式来动态设置HTML元素上的CSS类。

如果您仍然想使用ng-class ：

<div ng-app="" ng-class="{'container':true}" >

一个小提琴的例子。

Answer 3

这不是ng类，而是常规类。 ng-class指令不仅要分配一个类，还要做更多的事情，例如通过条件分配该类。 如果您只是这样做：

<div ng-app="" class="container">

足够了。

如何使用ng-class在angular js中应用CSS

问题描述

3 个解决方案

解决方案1
2 2015-06-05 07:18:44

解决方案2
1 2015-06-05 07:18:47

解决方案3
0 2015-06-05 07:20:33

如何使用ng-class在angular js中应用CSS

问题描述

3 个解决方案

解决方案1 2 2015-06-05 07:18:44

解决方案2 1 2015-06-05 07:18:47

解决方案3 0 2015-06-05 07:20:33

解决方案1
2 2015-06-05 07:18:44

解决方案2
1 2015-06-05 07:18:47

解决方案3
0 2015-06-05 07:20:33