Question

我将这个代码放在一个模态弹出窗口中，在某些情况下显示，第一次显示模态时一切正常。

我有这段代码：

<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的内容。

可能会发生什么只会影响第二次？

Answer 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 - ＆gt;最后一段

Angular ng-Model没有第二次出现

1 个答案: