Question

我正在做的简短版本：

我从服务器获取一些JSON以尝试重新创建表单的状态。除了一个使用函数来显示它的选择框之外，一切都很好。我怎么能做到这一点？

版本较长：

我有一个如下所示的选择框：

<select name="size" ng-model="form.options.size" ng-options="form.displaySize(size) for size in form.sizes">
    <option disabled value="">-- choose dimensions --</option>
</select>

这适用于用户选择该选项，但是我试图弄清楚如何以编程方式设置form.options.size时选择正确的大小来选择正确的大小（在接收到一些json之后） api电话）。

我的＆＃34;尺寸＆＃34;对象看起来像这样：{width: (some width), length: (some length)}。

我的＆＃34; displaySize＆＃34; function只返回一个字符串width + "x" + length。

我知道我可以手动循环选项并选择正确的选项，但我真的想尽可能地避免这种情况。我有什么选择？

修改小提琴正好显示我正在做什么here。

Answer 1

在将值分配给选择模型时，分配给ng模型的值应该在给予ng-options的json列表中具有引用。

$scope.form.options.size = $scope.form.sizes[index];

http://jsfiddle.net/ptno0ew7/1/

OR

对ng-options指令使用track by选项，更新了小提琴http://jsfiddle.net/fo1h1n53/1

Angularjs，从服务器获取对象后选择选项

1 个答案: