重复内侧角

Question

属性我有一个简单字符串数组代表类：

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

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

我想的单一元素的类属性中结合这些为这样：

<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/

Answer 1

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

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

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