Question

我有选项和输入字段：

<div data-ng-repeat="person in persons">
<select ng-model="person.username" ng-options="item as item.username for item in usernames" ng-change="fillInput()"></select>
<input type="text" ng-model="person.house" readonly="" required="">
<div ng-if="person.username">Full selected user info : {{ person.username | json}}</div>
</div>

我想在每次选择选项时设置输入变量。这是fiddle。如果我删除data-ng-repeat="person in persons"它可以正常工作但我需要添加几个选项字段。

Answer 1

请尝试以下代码

<div ng-app="myApp" ng-controller="DemoCtrl">
<br><br>
  <button ng-click="addNewChoice()">Add User</button>
  <div data-ng-repeat="person in persons">
    <select ng-model="person.username" ng-options="item as item.username for item in usernames" ng-change="fillInput()"></select>
    <input type="text" ng-model="person.username.hname" readonly="" required="">
    <div ng-if="person.username">Full selected user info : {{ person.username | json}}</div>
  </div>
</div>

更改位于以下行

<input type="text" ng-model="person.username.hname" readonly="" required="">

您正在引用无效值。变量person.username没有指向任何地方，因此无效。

Answer 2

<div ng-app="myApp" ng-controller="DemoCtrl">
<br><br>
  <button ng-click="addNewChoice()">Add User</button>
  <div data-ng-repeat="person in persons">
    <select ng-model="selectedPerson" ng-options="item as item.username for item in usernames" ng-change="fillInput()"></select>
    <input type="text" ng-model="selectedPerson.hname" readonly="" required="">
    <div ng-if="selectedPerson">Full selected user info : {{ selectedPerson | json}}</div>
  </div>
</div>

试试这个！ http://jsfiddle.net/xr82a1gL/18/

设置选项后设置输入值

2 个答案: