javascript - AngularJS 下拉菜单在 Firefox 中工作而不在 Chrome 和 Safari 中工作

Question

在不同选项的下拉列表中，ID 与将调用的 API 不同。

HTML:

<select id="select">
    <option ng-repeat="p in projects | unique:'pId'" value="{{p.pId}}"
            ng-model="p.pName" ng-click="onSelectClick(p.pId)"
            ng-selected="{{p.pId == selectedId}}">{{p.pName}}
    </option>
</select>

JS:

var pDetails = {
                    "pId": pId,
                    "pName": pName,
                        }
$scope.Projects.push(pDetails);

Answer 1

HTML:

 <select data-ng-model="Pdetail" data-ng-options="d.Id as d.Name for d in   
orderedProjects" class="form-control">`                                                              
            <option value="">-- Select --</option>
</select>

在 JS 中:

 $scope.orderedProjects = {};
 var projectDetails = { "projectId": projectId, "projectName":projectName};         
 $scope.orderedProjects.push(projectDetails);