2017-01-20 93 views
0

我有這個代碼在某些情況下顯示的模式彈出窗口內,第一次模態顯示一切正常。Angular ng-Model第二次沒有顯示

我有這樣的代碼:

<div class="form-group"> 
    <p>First Name:</p> 
    {{vm.user.name_first}} 
    <input type="text" class="form-control" ng-model="vm.user.name_first" name="firstName" required /> 
</div> 

再次閉合模態和開盤後,p下面的文本中示出正確地,然而,ng-model(其具有p後相同的內容),則表示輸入空而不是vm.user.name_first的內容。

會發生什麼,隻影響第二次?

回答

1

試試這個:

<div class="form-group"> 
<p>First Name:</p> 
{{vm.user.name_first}} 
<input type="text" class="form-control" ng-model="vm.user.name_first" name="firstName" ng-model-options="{ getterSetter: true }" required /> 

說明:

有時是很有幫助的ngModel綁定到一個getter/setter函數。 getter/setter是一個函數,它在用零參數調用時返回模型的表示形式,並在使用參數調用時設置模型的內部狀態。對於具有與模型暴露給視圖的內部表示不同的模型,使用它有時很有用。

https://docs.angularjs.org/api/ng/directive/ngModel - >最後一段

+1

它可能是一個解決方案,但這個答案不提供任何見識到了什麼,你實際上已經改變了,爲什麼這個工程。 – Ankh

+0

工作,不知道爲什麼 – Pablo