Nhiều kiểu ng trên một trường nhập?

Question

Tôi có biểu mẫu và danh sách các mục. Tôi đã sử dụng ng-model="searchFor" để lọc ra danh sách các mục phù hợp (phần này hoạt động tốt), nhưng tôi cũng muốn "gửi" mục được lọc ra - cũng sẽ yêu cầu ng-model="adding_item.name" trên trường nhập liệu (tôi nghĩ).

Bạn có thể có nhiều ng-models trên một trường nhập liệu không? Có cách nào khác không?

Answer 1

Không, ngModel không được phép làm những việc như thế này, vào thời điểm này, tốt hơn là bắt đầu di chuyển logic từ chế độ xem. Đối với kịch bản này, bạn có thể tận dụng getterSetter tùy chọn:

https://docs.angularjs.org/api/ng/directive/ngModel#binding-to-a-getter-setter

Thật khó có thể đưa ra đề nghị đáng kể mà không nhìn thấy mã.

Answer 2

Hãy thử sử dụng sự kiện ng-thay đổi để nắm bắt giá trị mô hình và gán nó cho phần tử đầu vào khác với mô hình ng riêng của nó.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app> 
 
    <input type="text" ng-model="input" ng-change="input1=input;input2=input; " /> 
 
    <input type="hidden" ng-model="input1" /> 
 
    <input type="hidden" ng-model="input2" /> 
 
    <br>Model 
 
    <br>{{input | uppercase}} 
 
    <br>Model 1 
 
    <br>{{input1 | uppercase}} 
 
    <br>Model 2 
 
    <br>{{input2 | uppercase}} 
 
</div>