Css 为什么';当只提供一个类名时,是否会影响类的工作?

Css 为什么';当只提供一个类名时,是否会影响类的工作?,css,angularjs,ng-class,Css,Angularjs,Ng Class,我看不出有任何迹象表明为什么这不起作用。“如果表达式的计算结果为字符串,则字符串应为一个或多个以空格分隔的类名。”这段代码中我做错了什么 不起作用: <div ng-class="myClass"> Using ng-class (with no quotes so maybe it doesn't evaluate to a String). </div> <div ng-class="'myClass'"> Using ng-class

我看不出有任何迹象表明为什么这不起作用。“如果表达式的计算结果为字符串,则字符串应为一个或多个以空格分隔的类名。”这段代码中我做错了什么

不起作用:

 <div ng-class="myClass">
    Using ng-class (with no quotes so maybe it doesn't evaluate to a String).
</div>
<div ng-class="'myClass'">
    Using ng-class (with quotes around the class name so it is (?) evaluated to a String).
</div>

使用ng类(没有引号,所以它的计算结果可能不是字符串)。
不起作用:

 <div ng-class="myClass">
    Using ng-class (with no quotes so maybe it doesn't evaluate to a String).
</div>
<div ng-class="'myClass'">
    Using ng-class (with quotes around the class name so it is (?) evaluated to a String).
</div>

使用ng类(在类名周围加引号,以便(?)计算为字符串)。
作品:

<div class="myClass">
    Using regular class, no ng-class.
</div>

使用常规类,不使用ng类。

ng类
用于根据条件动态添加/删除类。我在上面的例子中使用类,但如果您想动态添加类
foo
请使用:
ng class=“{'foo':condition}”


需要记住的是angular可以帮助您按照标准HTML进行动态操作。所以,如果您只需要向元素添加一个类,只需使用class。

ng class
用于根据条件动态添加/删除类。我在上面的例子中使用类,但如果您想动态添加类
foo
请使用:
ng class=“{'foo':condition}”


需要记住的是angular可以帮助您按照标准HTML进行动态操作。所以,如果您只需要向元素添加一个类,只需使用class即可。

ng class将引用范围变量或基于表达式输出动态应用类

请查看此示例:

例如:

function mainCtl($scope) {
    $scope.myClass = 'myClass';
}

更改$scope.myClass值也将更新css类。

ng类将引用范围变量或根据表达式输出动态应用类

请查看此示例:

例如:

function mainCtl($scope) {
    $scope.myClass = 'myClass';
}

更改$scope.myClass值也将更新css类。

ng类需要一个表达式。如果您有$scope.myClass=“some style stuff”;它会起作用的。ng类正在尝试评估
myClass
,但它可能不存在于您的控制器中。为什么你们投票反对?这是一个非常好的问题
ng class
用于根据条件动态添加/删除类。我在上面的例子中使用class,但是如果您想动态添加一个class
foo
使用:
ng class=“{'foo':condition}”
您的第二个示例应该可以运行。这里有一个正在工作的JSFIDLE,它正在做类似的事情:+1。我认为一开始认为angular应用程序中的所有内容都需要“ng”-itized是很自然的,但事实并非如此:)ng类需要一个表达式。如果您有$scope.myClass=“some style stuff”;它会起作用的。ng类正在尝试评估
myClass
,但它可能不存在于您的控制器中。为什么你们投票反对?这是一个非常好的问题
ng class
用于根据条件动态添加/删除类。我在上面的例子中使用class,但是如果您想动态添加一个class
foo
使用:
ng class=“{'foo':condition}”
您的第二个示例应该可以运行。这里有一个正在工作的JSFIDLE,它正在做类似的事情:+1。我认为一开始认为angular应用程序中的所有内容都需要“ng”是很自然的,但事实并非如此:)