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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...