Question

我是棱角分明的新手。我想从外部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" >
               ^^^^^

来自 docs ：

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

如果您仍想使用ng-class：

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

示例 fiddle.

Answer 3

这不是ng-class，而是普通班级。 ng-class指令不仅仅是分配一个类，而是例如通过条件分配类。如果您只是这样做：

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

就足够了。

如何使用ng-class在角js中应用css

3 个答案: