angularjs - 使用 Angular 重复内部属性

Question

我有一个代表类的简单字符串数组:

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

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

我想将它们绑定(bind)在单个元素的类属性中，如下所示:

<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 重复元素的内部?

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

Answer 1

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

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

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