एकाधिक एनजी मॉडल?

Question

मैं एक रूप है, और मदों की एक सूची है। मैंने वस्तुओं की सूची को उचित रूप से फ़िल्टर करने के लिए ng-model="searchFor" का उपयोग किया (यह हिस्सा ठीक काम कर रहा है), लेकिन मैं फ़िल्टर किए गए आइटम को "सबमिट" भी करना चाहता हूं - जिसमें इनपुट क्षेत्र पर ng-model="adding_item.name" की आवश्यकता होगी (मुझे लगता है)।

आप एक से अधिक ng-models एक इनपुट क्षेत्र पर मिल सकता है? वहाँ इस के चारों ओर एक और तरीका है?

Answer 1

नहीं, ngModel इस तरह की चीजों को नहीं करना था, इस बिंदु पर तर्क से तर्क को स्थानांतरित करना बेहतर है। इस परिदृश्य के लिए आप getterSetter विकल्प का उपयोग कर सकता:

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

यह कोड देखे बिना पर्याप्त सुझाव देने के लिए कठिन है।

Answer 2

एनजी-परिवर्तन घटना का उपयोग कर मॉडल मूल्य पर कब्जा और अपने स्वयं के एनजी-मॉडल के साथ अन्य इनपुट तत्व निर्दिष्ट करने के लिए प्रयास करें।

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