Angular.js: इनपुट फ़ील्ड में मान भेजते समय एनजी-मॉडल अपडेट नहीं होता है

को निर्मित 19 अग॰ 2015 · 3टिप्पणियाँ · स्रोत: angular/angular.js

उदाहरण: मेरे पास 3 इनपुट फ़ील्ड हैं। पहले और दूसरे इनपुट फ़ील्ड के मानों की गणना की जाती है और परिणाम तीसरे इनपुटबॉक्स में दिखाया जाता है।

var1 = parseFloat($("#input1").val();
var2 = parseFloat($("#input2").val();
result = var1 + var2;

$("#input3").val(result);

<input type="number" id="input3" name="input3" ng-model="editForm.input3" ng-currency class="form-control input-sm" placeholder="input3">

मैं इनपुट 3 में फॉर्म पर परिणाम देख सकता हूं, लेकिन मैं मॉडल को कैसे अपडेट कर सकता हूं?

स्रोत

jetta20162

सबसे उपयोगी टिप्पणी

ये कोशिश करें-

$("#input3")
  .val(result)
  .trigger('change')

आम तौर पर, आप अपने दृश्य को सीधे अपडेट करने के बजाय उस मॉडल को अपडेट करना चाहते हैं जिससे आपका इनपुट बाध्य है (और कोणीय को इसे देखने के लिए प्रचारित करें)। उत्तरार्द्ध आमतौर पर केवल यूनिट परीक्षणों में उपयोग किया जाता है।

bcherny 19 अग॰ 2015

🎉3

सभी 3 टिप्पणियाँ

ये कोशिश करें-

$("#input3")
  .val(result)
  .trigger('change')

bcherny 19 अग॰ 2015

🎉3

वास्तव में, यह कोणीय कोड की तरह महसूस नहीं करता है। कोणीय में, यह दूसरा तरीका है: आप मॉडल को अपडेट करते हैं और परिवर्तन दृश्य में परिलक्षित होता है। (मॉडल सत्य का एकमात्र स्रोत है।)

इसलिए, मान सेट करने और मॉडल के अपडेट होने की अपेक्षा करने के बजाय, आपको मॉडल ( editForm.input3 ) को अपडेट करना चाहिए और परिणामस्वरूप तत्व का मान अपडेट हो जाएगा।