重複內側角

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