3

一开始我试过了<select name='size' ng-model='sid' ng-options='y.id as y.title for y in arr'>。但是当表单提交时，发布的变量size不是 id472 473 474而是 index 0 1 2。

然后我尝试了ng-options='y.title for y in arr track by y.id'。但是所选模型sid不是473，{"id":473,"title":"bb"}所以我不能将 473 项设置为默认值ng-init='sid = 473'。

最后，我必须使用option ng-repeat='y in arr'如下。但似乎 ng-init 没用，因为它会在选项重复之前进行初始化。我怎样才能让它工作？

谢谢。

<div ng-controller="Ctrl">
    <select ng-model='sid' ng-init='sid = 473'>
        <option ng-repeat='y in arr' value='{{ y.id }}'>
            {{ y.id+' - '+y.title }}
        </option>
    </select>
    {{ sid }}
    <button ng-click='sid=474'>change to 474</button>
</div>
<script>
var app =angular.module('app', []);

function Ctrl($scope){
    $scope.arr = [{"id":472,"title":"aa"},{"id":473,"title":"bb"},{"id":474,"title":"cc"}];
}
</script>

http://jsfiddle.net/hcLVE/86/

4

2 回答 2

1

记得阅读文档：

“不要在同一个表达式中使用 select as 和 track by。它们不是为一起工作而设计的。” https://docs.angularjs.org/api/ng/directive/ngOptions

http://jsfiddle.net/qm7f2kqj/

您所需要的只是修复您的 ng-options：

<div ng-controller="Ctrl">
    <select ng-init="sid = 473" ng-model='sid'
      ng-options="y.id as ( y.id + ' - ' + y.title) for y in arr">
    </select>
    <input type="hidden" name="size" value="{{sid}}"/>
    {{ sid }}
    <button ng-click='sid=474'>change to 474</button>
</div>
于 2015-03-10T18:37:40.033 回答
0

https://stackoverflow.com/a/18502634/3657140

使用不可见的输入 <input name="profile_id" type="text" style="margin-left:-10000px;" ng-model="profile"/>

我找到了一个解决方案，但它并不理想。欢迎任何有好的想法的人分享。

于 2015-03-10T19:47:28.700 回答