选择不使用ng-options但使用ng-repeat工作正常

问题描述 投票:0回答:2

我使用ng-selectedng-valueng-options。但我无法选择价值,ng-selected无法正常工作

  <select  name="team_selected" 
    required="" ng-model="edit_team_name" ng-change="edit_selectTeam(edit_team_name)" 
    ng-selected='edit_team_id === team.team_id' ng-value="team.team_id" 
    ng-options="team.team_name for team in teamNameAvailable track by team.team_id">                                
  </select>
javascript angularjs
2个回答
0
投票
<select  name="team_selected" required="" ng-model="edit_team_name" ng-change="edit_selectTeam(edit_team_name)" >   
<option ng-repeat="team.team_name for team in teamNameAvailable track by team.team_id"  ng-selected='edit_team_id === team.team_id'  ng-value="team.team_id"></option                             
 </select>

0
投票

在您的情况下,我在选择框中创建了一个默认值

而不是做edit_team_id === team.team_id这个ng-model本身将选择选择值表单选项

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
$scope.teamNameAvailable=[{
                              team_id:1,
                              team_name:"USA"
                          },{
                              team_id:2,
                              team_name:"India"
                          },{
                              team_id:3,
                              team_name:"Aus"
                         }];

$scope.edit_team_name=$scope.teamNameAvailable[1];
});
select{
width:150;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="testApp" ng-controller="testCtrl">
<select  name="team_selected" 
    required="" ng-model="edit_team_name" ng-change="edit_selectTeam(edit_team_name)" 
    ng-options="team.team_name for team in teamNameAvailable track by team.team_id">                                
  </select>
  </div>
© www.soinside.com 2019 - 2024. All rights reserved.