如何使用ng-class在angular js中应用CSS
[英]How to apply css in angular js using ng-class
问题描述
I am new to angular js. 
我是angular js的新手。 I want to apply css styles from external css file. 我想从外部CSS文件中应用CSS样式。 i have defined .container class in css file i want to call it in angular js file using ng-class. 我已经在css文件中定义了.container类，我想使用ng-class在angular js文件中调用它。 But it is not working y. 但这是行不通的。 style.css style.css
.container
{
width:900px;
height:600px;
border:1px solid;
margin:auto 0;
position:absolute;
background:red;
}
index.html 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>
3 个解决方案
解决方案2
1 2015-06-05 07:18:47
To apply a class like that, you can simply use class : 要应用这样的类，您可以简单地使用class ：
<div ng-app="" class="container" >
^^^^^
The ngClass directive allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.
If you still want to use ng-class : 如果您仍然想使用ng-class ：
<div ng-app="" ng-class="{'container':true}" >
解决方案3
0 2015-06-05 07:20:33
This is no ng-class, but a regular class. 这不是ng类，而是常规类。 the ng-class directive is to do more than just assigning a class, but for example assign the class through a condition. ng-class指令不仅要分配一个类，还要做更多的事情，例如通过条件分配该类。 If you simply do like this: 如果您只是这样做：
<div ng-app="" class="container">
is sufficient. 足够了。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.