微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐