Angular 1.5 与 1.8 中的 ng-repeat 差异

ng-repeat difference in Angular 1.5 vs 1.8

提问人:Notaras 提问时间:4/3/2023 最后编辑:JSON DeruloNotaras 更新时间:4/3/2023 访问量:59

问:

我有一个对象数组,这些对象填充到如下所示:<select>

 <label class="select" ng-show="standardFieldList.length > 0">
    <select class="input-sm" ng-model="selectedStandardField" ng-change="addField('selectedStandardField')">
        <option value="">Add Standard Field</option>
        <option ng-repeat="item in standardFieldList" value="{{item}}" ng-if="!item.hide">{{item.value}}</option>
    </select>
    <i></i>
</label>

在 Angular 1.5.5 中,将输出对象的 json 表示形式。但是,最近更新到 1.8.2 后,输出是 .如何将对象的 JSON 表示形式获取到 value 属性中?{{item}}{{item}}[object object]

json angularjs

评论

0赞 Eliseo 4/3/2023
在 Angular 中,ng-repeat(和 ng-if)是关于 AngularJs 的:(*ngFor="let item of standardFieldList"*ngIf
0赞 Yong Shun 4/3/2023
建议删除标签:angularangular15,因为这个问题是关于 AngularJS 的,与 Angular 无关(Angular 和 AngularJS 不同)。

答:

1赞 Ganesh Nemade 4/3/2023 #1

默认行为从显示 json 表示更改为调用对象的 toString() 方法,因此返回 [object Object]

 <label class="select" ng-show="standardFieldList.length > 0">
    <select class="input-sm" ng-model="selectedStandardField" ng-change="addField('selectedStandardField')">
        <option value="">Add Standard Field</option>
         <option ng-repeat="item in standardFieldList" ng-value="item" ng-if="!item.hide">{{item.value}}</option>

    </select>
    <i></i>
</label>

尝试使用 ng-value 当 ng-value 指令用于将 item 对象绑定到元素的值时。当 item 对象在视图中插值时,其 JSON 表示将用作元素的值。