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);