2017-06-02 19 views
6

Gần đây tôi đã chuyển sang Angular 4 từ Angular 1 và rất nhiều thứ dường như là mới đối với tôi bây giờ. Một trong số họ dường như liên quan đến ràng buộc dữ liệu. Trong phiên bản cũ, tôi sẽ khai báo một mảng là $ scope.arrname trong bộ điều khiển JS và tôi có thể điều hướng nó trong chế độ xem HTML bằng cách sử dụng ng-repeat.Góc 4 Dữ liệu Binding trên ng-repeat

Bây giờ, khi tôi cố gắng đạt được kết quả tương tự, nó chỉ hoạt động một phần. Tôi đang làm gì sai?

Ví dụ: Trong một thành phần, tôi đã khai báo testr mảng thử nghiệm: bất kỳ [] = [1,2,3];

{{testarr}} 
 
    > Prints 1,2,3 on the scrreen 
 

 

 
<ol> 
 
    <li ng-repeat="item in testarr">{{item}}ITEM Found!</li> 
 
</ol> 
 

 

 
>only iterates 1 time (ignoring the 2,3) in the array.

Tại sao mã của tôi không lặp qua mảng vì nó là trường hợp trước đây ? Tôi đang thiếu gì ở đây?

Trả lời

15

Bạn nên sử dụng ngFor thay vì ng-repeat

<ol> 
    <li *ngFor="let item of testarr">{{item}}ITEM Found!</li> 
</ol> 
+0

Cảm ơn! Điều này giải quyết nó! – afabijan

+0

Đọc thêm: * ngFor microsyntaxs guide – afabijan

+0

https://namitamalik.github.io/NgRepeat-vs-ngFor/ – afabijan