AngularJS,从服务器获取对象后选择选项

史蒂芬·杰弗里斯(Steven Jeffries)

我正在做的简短版本

我从服务器获取一些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

我知道我可以手动浏览选项并选择正确的选项,但是我实际上是在尝试尽可能避免这种情况。我有什么选择?

编辑:提琴正好显示我在这里做什么

卡尔提克·伊斯瓦兰(Karthik Easwaran)

在将值分配给选择模型时,分配给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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS:选择选项

来自分类Dev

jQuery克隆选择选项后获取数据ID

来自分类Dev

默认值不是?对象:空?在选择选项 Angularjs

来自分类Dev

在 AngularJS 中选择选项返回的对象不是值

来自分类Dev

AngularJS:更新选择选项

来自分类Dev

AngularJS:正确的选择选项

来自分类Dev

AngularJS选择选项预选

来自分类Dev

使用Restangular选项更新对象而不从服务器获取对象

来自分类Dev

在Vue中的“选择”选项中显示服务器中的对象列表

来自分类Dev

AngularJS根据选择的选择选项通过文本输入过滤对象数组

来自分类Dev

如何从服务器获取对象数组

来自分类Dev

选择选项后安装卡住

来自分类Dev

AngularJS用JSON填充选择选项

来自分类Dev

选择选项时运行功能angularJS

来自分类Dev

AngularJS更改选择选项单击

来自分类Dev

AngularJS 在输入字段中选择选项

来自分类Dev

选择选项而不是 AngularJs 中的设置

来自分类Dev

对象数组,如何制作选择选项

来自分类Dev

选择选项未获取值

来自分类Dev

从选择选项获取值和名称

来自分类Dev

获取选择选项Django的值

来自分类Dev

jQuery获取选择选项的名称

来自分类Dev

获取optgroup中选择选项的索引

来自分类Dev

使用Javascript获取选择选项值

来自分类Dev

获取optgroup中选择选项的索引

来自分类Dev

获取可见选择选项的数量

来自分类Dev

获取php填充选择选项的ID

来自分类Dev

获取多行选择选项的值

来自分类Dev

从特定选择选项获取属性值