Bir giriş alanında birden çok ng modeli var mı?

Question

Bir formum ve öğelerin bir listesi var. ng-model="searchFor" öğelerini uygun bir şekilde listelemek için kullandım (bu bölüm gayet iyi çalışıyor), ancak filtrelenmiş olan öğeyi "göndermek" istiyorum - bu da giriş alanında ng-model="adding_item.name" gerektirir (bence).

Bir giriş alanında birden çok ng-models olabilir mi? Bunun etrafında başka bir yolu var mı?

Answer 1

Hayır, ngModel böyle şeyler yapmak zorunda değildi, bu noktada mantığı görünümden yeniden yerleştirmeye başlamak daha iyidir. Bu senaryo için size getterSetter seçeneği kullanmak olabilir:

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

kod görmeden önemli önerilerde bulunmak zordur.

Answer 2

Model değerini yakalamak için ng-change olayını kullanmayı deneyin ve kendi ng-modeliyle diğer giriş elemanlarına atayabilirsiniz.

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