javascript - angular 1.4.x ngOptions 将值的类型插入到值属性中

Question

我使用 angularjs 1.4.3，当我使用 ngOPtions 时， Angular 将值的类型插入到值属性中。

你可以在这里看到:http://jsfiddle.net/8bqfq9eb/9

我想要的是:插入没有类型的值。

问题是，ngOptions 将值的类型插入到值属性中并生成:number:n(n 是一个数字，现在这是 id)。

JS:

//used version 1.4.3

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
$scope.box = {};

     $scope.box.people = [
        { id: 1, first: 'John', last: 'Rambo', actor: 'Silvester' },
        { id: 2, first: 'Rocky', last: 'Balboa', actor: 'Silvester' },
        { id: 3, first: 'John', last: 'Kimble', actor: 'Arnold' },
        { id: 4, first: 'Ben', last: 'Richards', actor: 'Arnold' }
    ];
    $scope.box.selectedPerson = $scope.box.people[0].id;
});

HTML:

<form method="POST">
<div ng-app="myapp">
    <fieldset ng-controller="FirstCtrl">
        <select name="selectedPerson" id='sel'
            ng-options="p.id as p.first for p in box.people track by p.id"
            ng-model="box.selectedPerson"></select>
        {{ box.selectedPerson }}
        <div class="show" ng-click="show();"></div>
        <input type="submit" />
    </fieldset>
</div>
</form>

Answer 1

你必须添加一个轨道来避免这种情况:

    <select name="selectedPerson" id='sel'
        ng-options="p.id as p.first for p in box.people track by p.id"
        ng-model="box.selectedPerson"></select>

但是无论如何，这种由 AngularJS 生成 HTML 的新方法对您的 ng-model 没有影响。这意味着在 ng-model

中使用您的值不会有任何问题

Working Fiddle