我正在做的简短版本:
我从服务器获取一些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
编程方式设置(从api调用接收到一些json后)如何使选择框选择正确的大小。
我的“大小”对象看起来像这样:{width: (some width), length: (some length)}
。
我的“ displaySize”函数仅返回一个string width + "x" + length
。
我知道我可以手动浏览选项并选择正确的选项,但是我实际上是在尝试尽可能避免这种情况。我有什么选择?
编辑:提琴正好显示我在这里做什么。
在将值分配给选择模型时,分配给ng-model的值应在给ng-options的json列表中具有引用。
$scope.form.options.size = $scope.form.sizes[index];
http://jsfiddle.net/ptno0ew7/1/
或者
对ng-options指令使用按选项跟踪,更新了小提琴http://jsfiddle.net/fo1h1n53/1
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句