Wiele modeli ng na jednym polu wprowadzania?

Question

Mam formularz i listę przedmiotów. Użyłem ng-model="searchFor", aby odfiltrować odpowiednio listę pozycji (ta część działa poprawnie), ale chcę również "przesłać" element, który został odfiltrowany - co również wymagałoby ng-model="adding_item.name" w polu wejściowym, jak również (myślę).

Czy w jednym polu wprowadzania można mieć wiele adresów ng-models? Czy istnieje inny sposób obejścia tego?

Answer 1

Nie, ngModel nie powinien robić takich rzeczy, w tym momencie lepiej jest rozpocząć przenoszenie logiki z widoku. W tym scenariuszu można skorzystać z getterSetter opcji:

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

Trudno jest dokonać znacznych propozycje nie widząc kod.

Answer 2

Spróbuj użyć zdarzenia ng-change, aby przechwycić wartość modelu i przypisać ją do innego elementu wejściowego z własnym modelem ng.

<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>