2013-02-21 38 views
10

Tôi đang làm việc trên ứng dụng Góc.Angular.js: liên kết hai chiều bên trong ng-repeat

Tôi muốn tạo biểu mẫu có số lượng trường nhập văn bản tùy ý với các liên kết hai chiều cho từng trường nhập riêng lẻ. Không có nút nào, không có người theo dõi. ng-model không hoạt động chính xác vì phạm vi (nếu tôi không nhầm). Các lĩnh vực đầu vào được tạo ra từ một mảng với ng-repeat như thế này:

<div ng-repeat="item in items"> 
    <label>{{item.name}}</label> 
    <input type="text" placeholder="{{item.default}}" ng-model="{{item.value}}"> <!-- this input should be bound --> 
</div> 

Tôi chỉ muốn có một đơn giản ràng buộc để cập nhật các items mảng trong bộ điều khiển trên những thay đổi trong đầu vào.

Bất kỳ trợ giúp đánh giá cao.

+2

Bạn chỉ cần dấu ngoặc nhọn {{var}} nếu bạn đang viết nó ra trang. Khi sử dụng nó trong lặp lại hoặc các mô hình hoặc bộ lọc, bạn không cần niềng răng. Lưu ý rằng bạn đã làm điều này trong ng-lặp lại, bạn không làm "mục trong {{items}}". –

+0

Cảm ơn lời khuyên của James! Tôi nghĩ rằng tôi hiểu Angular một chút tốt hơn (tôi vẫn còn mới với nó mặc dù :)) –

Trả lời

11

Chỉ cần thay đổi thẻ đầu vào để nó đọc:

<input type="text" placeholder="{{item.default}}" ng-model="item.value"> 

Thông báo ng-model mà không cần dấu ngoặc nhọn.

Làm việc plunk: http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

+0

Cảm ơn một tấn! Nó hiện đang hoạt động :) –

+2

plnkr này không hoạt động. Tôi thấy rõ ràng giá trị moustache {{item.name}} không được cập nhật. – FlavorScape

Các vấn đề liên quan