angularjs – 使用Angular重复内部属性

前端之家收集整理的这篇文章主要介绍了angularjs – 使用Angular重复内部属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的字符串数组,代表类:

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.classes = ["one","two","three","four"];
}

我想将这些绑定在单个元素的class属性中:

<div ng-controller="MyCtrl">
  <div ng-repeat="class in classes" class="{{class}}"></div>
</div>

并呈现以下内容

<div class="one two three four"></div>

我找不到解释如何执行此操作的资源.上面的代码生成

<div class="one"></div>

如何使用ng-repeat重复元素的INSIDE?

http://jsfiddle.net/Lvc0u55v/788/

解决方法

你不需要ng-repeat,只需要ng-class,它接受一个数组作为输入.

<div ng-class="classes"></div>

https://docs.angularjs.org/api/ng/directive/ngClass

猜你在找的Angularjs相关文章