Question

我是angularjs的初学者，我在angularjs的文档中读到ng-class可以作为string和array语法应用。所以我试图将ng-class应用于以下代码

（1）使用字符串语法

<p ng-class="style">Using String Syntax</p>
<input type="text" ng-model="style" placeholder="Type here">

（2）使用数组语法

<p ng-class="[style1, style2]">Using Array Syntax</p>
<input ng-model="style1"
       placeholder="Type here"><br>
<input ng-model="style2"
       placeholder="Type here"><br>

我试图像

那样应用css

.style{
color:red;
}

.style1{
color:blue;
}
.style2{
font-size:30px;
}

但失败了。我不知道我在哪里做错。感谢任何帮助。

Answer 1

您在输入中添加了ng-model =“style”。因此，您输入的内容将成为'p'标签的类，因为ng-class =“style”。

检查这个小提琴http://jsfiddle.net/devjit/wdtk370z/4/

在输入字段中输入'style'，'style1'，'style2'。你会明白发生了什么。

<div ng-app>
 <p ng-class="style">Using String Syntax</p>
<input type="text" ng-model="style" placeholder="Type here"/>


<p ng-class="[style1, style2]">Using Array Syntax</p>
<input ng-model="style1"
placeholder="Type here"/><br/>
<input ng-model="style2"
placeholder="Type here"/><br/>

</div>

如何使用String语法和数组语法应用ng-class？

1 个答案: