選択/オプションにui-srefを入れてください

Question

私はAngularJSを使用していますが、オプションでui-srefを使用したいと思います。このメソッドは、私が使用していません。

 <div class="col-sm-1"> 
      <select style="width: 117px;" ng-model="selectedTeam"> 
        <option selected disabled>Teams</option> 
        <option ng-repeat="x in teams" value="{{x.team_id}}"> 
         <a ui-sref="player-statistic.player-statistic-account({ teamId: x.team_id })"> 
          {{x.team_name}} 
         </a> 
        </option> 
       </select> 
     </div> 
     <div class="col-sm-1" ng-show="selectedTeam"> 
      <select style="width: 117px;"> 
        <option selected disabled>Account</option> 
        <option ng-repeat="y in account" ng-if="y.team_id == selectedTeam"> 
          {{y.first_name}} {{y.last_name}} 
        </option> 
       </select> 
     </div> 

あなたが選択するオプションに応じて、このリンクはIDで開きます。

Answer 1

tagsは、選択のoptionタグ内では機能しません。あなたng-changeselectのボックスにその関数を呼び出すことにより、コントローラ機能からルートのナビゲーションを行うことができます

<select style="width: 117px;" ng-model="selectedTeam" ng-change="changeLocation(selectedTeam)"> 
    <option selected disabled>Teams</option> 
    <option ng-repeat="x in teams" value="{{x.team_id}}"> 
     {{x.team_name}} 
    </option> 
</select> 

コード

$scope.changeLocation = function(teamId) { 
    $state.go('player-statistic.player-statistic-account', { 
    teamId: teamId 
    }); 
}