Javascript 将选项添加到“选择”会自动选中

Javascript 将选项添加到“选择”会自动选中,javascript,angularjs,Javascript,Angularjs,我有一个使用ng选项(角度)的下拉列表。 我选择了一个默认选项,其值为空。(因此它具有“selected”属性和与模型相同的值) 每当我向ng选项中添加另一个元素时(该元素不是空的),如果模型具有空值(指向默认的空选项),则会自动选择新添加的选项。 模型的值仍然为空,但下拉列表现在会自动显示新添加的选项。 我还尝试将默认选项设置为“”,而不仅仅是“”,但它仍然做了相同的更改 有没有办法保证不会自动选择新添加的选项 `<select class="form-control section"

我有一个使用ng选项(角度)的下拉列表。 我选择了一个默认选项,其值为空。(因此它具有“selected”属性和与模型相同的值)

每当我向ng选项中添加另一个元素时(该元素不是空的),如果模型具有空值(指向默认的空选项),则会自动选择新添加的选项。 模型的值仍然为空,但下拉列表现在会自动显示新添加的选项。 我还尝试将默认选项设置为“”,而不仅仅是“”,但它仍然做了相同的更改

有没有办法保证不会自动选择新添加的选项

`<select class="form-control section" ng-model="action.prop">
            <option value="" disabled selected>Select Property</option>
            <option ng-repeat="prop in tr.props| orderBy:prop.name"
            value="{{prop.name}}"> {{prop.name}} </option>
</select>`
`
选择属性
{{prop.name}
`
试试这个:)


{{selectedName}}

添加 var-app=angular.module('myApp',[]); 应用程序控制器('myCtrl',函数($scope){ $scope.names=[“”]; $scope.selectedName=$scope.names[0] $scope.add=函数(){ $scope.names.push(“新建”); } });
试试这个:)


{{selectedName}}

添加 var-app=angular.module('myApp',[]); 应用程序控制器('myCtrl',函数($scope){ $scope.names=[“”]; $scope.selectedName=$scope.names[0] $scope.add=函数(){ $scope.names.push(“新建”); } });
在运行get下拉功能之前,只需将控制器中的ng型号设置为以下值即可。这样,它将始终设置为默认值

控制器

$scope.action = {};
$scope.action.prop = '';

在运行get下拉函数之前,只需将控制器中的ng模型设置为以下值。这样,它将始终设置为默认值

控制器

$scope.action = {};
$scope.action.prop = '';

即使罗斯的解决方案在我的情况下会很有效。 如果我使用ng选项和过滤器,Nishant也会这么做

相反,在ng重复中,我决定使用一个ng if=“prop.name!=”。 因为发生在我身上的事情是,在大约一秒钟内,ng repeat会有一秒钟最新的道具名称为空,并且作为ng model=“”,它将该选项设置为选中

<select class="form-control section" ng-model="action.prop">
        <option value="" disabled selected>Select Property</option>
        <option ng-if="prop.name != ''" ng-repeat="prop in tr.props| orderBy:prop.name"
        value="{{prop.name}}"> {{prop.name}} </option>
</select>

选择属性
{{prop.name}

即使Roth的解决方案在我的情况下也能很好地工作。 如果我使用ng选项和过滤器,Nishant也会这么做

相反,在ng重复中,我决定使用一个ng if=“prop.name!=”。 因为发生在我身上的事情是,在大约一秒钟内,ng repeat会有一秒钟最新的道具名称为空,并且作为ng model=“”,它将该选项设置为选中

<select class="form-control section" ng-model="action.prop">
        <option value="" disabled selected>Select Property</option>
        <option ng-if="prop.name != ''" ng-repeat="prop in tr.props| orderBy:prop.name"
        value="{{prop.name}}"> {{prop.name}} </option>
</select>

选择属性
{{prop.name}

请出示您的代码/模板。plnkr,fiddle,pen?请出示您的代码/模板。plnkr,fiddle,pen?