Repeat internal attribute with Angular

Question

I have a simple string array that represents classes:

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

I would like to bind them inside the class attribute of a single element as such:

 <div ng-controller="MyCtrl"> <div ng-repeat="class in classes" class="{{class}}"></div> </div>

And follow these steps:

 <div class="one two three four"></div>

I can not find a resource that explains how to do this. The above code generates:

 <div class="one"></div>

How to repeat an INSIDE element using ng-repeat ?

+5

Wesley Mar 07 '16 at 23:33

1 answer

flyingjamus · Accepted Answer · 2016-03-07T23:54:55+0000

You do not need ng-repeat , just an ng-class that accepts an array as input.

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