【问题标题】:Angular Select Box Update Multiple Parameters角度选择框更新多个参数
【发布时间】:2016-03-10 23:56:41
【问题描述】:

我是 Angular 的新手,并且正在努力从模式内的选择框中更新绑定值,该模式是根据表格中“编辑”的特定数据行填充的。目前,我可以单击编辑,选择框会根据我“编辑”的用户行填充正确的值和选择的选项。我的问题是我可以更新模型的 ID 或标题,但不能同时更新。这是我的 html 选择:

    <select ng-model="user.team">
      <option ng-selected="{{x.id}} === user.team.id" ng-repeat="x in teams" ng-selected="{{x.id}} == {{user.team.id}}"  value="{{x.id}}">{{x.title}}</option>
    </select>

请注意,如果我让 ng-model="user.team.id" 正确更新列表中的 id,并且 "user.team.title" 正确更新标题。我的范围/模型是这样定义的,我想在选项更改时更新 id 和 title:

    $scope.user = {
      team :{
    id: '',
    title: ''
      }
    };

【问题讨论】:

    标签: angularjs select


    【解决方案1】:

    你不能这样做:

    <select ng-model="user.team" ng-options="x.title for x in teams track by x.id"></select>
    

    ng-model 会将初始选择设置为与user.team 匹配的选项

    【讨论】:

    • 这确实成功地正确更新了表格中的“标题”,但是它不再预先选择正确的选项,它还发送似乎是字符串“[object Object]”(不是实际对象)到我的其余 API,我需要发送 ID,但这很有帮助,我正在处理它并将其发回我得到它完全解决。
    • 好的,你的回答帮助我走上了不将每个选项指定为 ng-repeat 的正确轨道。以下是有效的方法
    • 哈!只是想编辑我的答案以添加track by x.id :) 我的错,原来忘了添加它。
    • 继续编辑它,我会将其标记为已回答,已经回答了我自己的问题,但这对我来说太便宜了,所以我删除了,编辑它++!
    猜你喜欢
    • 2017-08-28
    • 2023-01-16
    • 2013-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-02
    • 1970-01-01
    • 2017-07-09
    相关资源
    最近更新 更多