angularjs - 为什么 Angular ng-options 值包含值数据类型?

标签 angularjs angularjs-directive angularjs-ng-options

在我使用 Angular 指令后的伙计们 ng-选项我得到了这个结果

<select name="users" id="users" ng-options="user.id as user.name for user in users" ng-model="user">
    <option value="number:1" label="Developers">Ahmed</option>
    <option value="number:2" label="Designers">Jon</option>
    <option value="number:3" label="HR">Astm</option>
    <option value="number:4" label="Doctor">Fady</option>
</select>


<select name="colors" id="colors" ng-options="color.code as color.name for color in colors" ng-model="color">
    <option value="string:ff0000" label="Developers">Red</option>
    <option value="string:ffffff" label="Designers">White</option>
    <option value="string:000000" label="HR">Black</option>
</select>

为什么选项值包含数据类型如 数量:1 字符串:ffffff ??

如何从中删除数据类型并仅保留值?

最佳答案

添加 track by [id]ng-options .

在您的情况下,它将是:

ng-options="user.id as user.name for user in users track by user.id"


ng-options="color.code as color.name for color in colors track by color.code"

关于angularjs - 为什么 Angular ng-options 值包含值数据类型?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32035490/

相关文章:

angularjs ngModel未在选择输入中选择选项

javascript - 在 angular.js 应用程序中使用 jQuery 插件 (flipclock)

angularjs - SignalR:如何在集线器启动后添加客户端调用?

javascript - Angular JS - $q.all() 跟踪个人上传进度

javascript - 如何在angularjs中将li标签附加到ul中?

javascript - 如何制作 angularjs 表指令

angularjs - 如何在链接阶段测试指令?

javascript - 如何在 angularjs 下拉元素上正确使用 ng-change?

javascript - Angular : How to allow selecting values outside of ngOptions

javascript - 使用 angularJS 填充下拉框