ng-changeが機能しない、どのようにng-changeを使用できますか

Question

team_idとチーム名は取得したいが、ここでは動作しない。この問題を解決するにはより良い方法を提案してください。

<th style="width:20%"> 
<select 
    style="height: 40px; 
     font-size: 12px; 
     width: 100%; 
     border-radius: 3px; 
     border: 1px solid #dfe3e9; 
     background: url(../image/select-icon.png) 100% no-repeat !important; 
     padding-left: 8px; 
     -webkit-appearance: none; 
     -moz-appearance: none; 
     appearance: none; 
     padding-right: 23px;" 
    ng-model="team_selected" 
    name="team_selected" 
    required="" 
    ng-change="selected_team(team_selected)"> 
    <option value="" disabled="" selected="selected">Select Team</option> 
    <option 
    value="{{teams.team_id}}" 
    ng-repeat="teams in teamavailable track by teams.team_id"> 
    {{teams.team_name}} 
    </option> 
</select> 
</th> 

Answer 1

次のコードのようにng-optionsを使用して、動作しているかどうかを確認してください。

<select ng-model="team_selected" name="team_selected" required ng-change="selected_team(team_selected)" ng-options="team.team_id as team.team_name for team in teamavailable track by team.team_id" > 
    <option value="" disabled="" selected="selected">Select Team </option> 
</select> 

Answer 2

あなたはng-optionsを使用して、関数にオブジェクト全体または必要な属性を渡すことができるように、オプションの値として、あなたのチームのオブジェクトを使用することができます。ここで

は plunker example ...

<select ng-model="selected_team" 
     ng-change="selectTeam(selected_team.id, selected_team.name)" 
     ng-options="team.name for team in teams"> 
    <option value="" disabled="" selected="selected">Select Team </option> 
</select>