angularjs – 使用Angular重复内部属性

发布时间：2020-12-17 17:39:28 所属栏目：安全来源：网络整理

导读：我有一个简单的字符串数组,代表类： var myApp = angular.module('myApp',[]);function MyCtrl($scope) { $scope.classes = ["one","two","three","four"];} 我想将这些绑定在单个元素的class属性中： div ng-controller="MyCtrl" div ng-repeat="class in c

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!