Lặp lại bên trong thuộc tính với góc

Question

Tôi có một mảng chuỗi đơn giản mà đại diện cho các lớp học:

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

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

Tôi muốn ràng buộc các bên trong thuộc tính lớp của một yếu tố duy nhất như vậy:

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

Và hiển thị như sau:

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

Tôi không thể tìm thấy tài nguyên nào giải thích cách thực hiện việc này. Mã ở trên tạo ra:

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

Làm cách nào để lặp lại INSIDE của phần tử với ng-repeat?

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

Answer 1

Bạn không cần ng-repeat, chỉ ng-class, mà chấp nhận một mảng như là đầu vào.

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

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