将 ui-sref 放入 select / option

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>

根据您选择的选项，此 link 通过 id 打开。

Answer 1

tags 在 select 的 option 标签内不起作用。您可以通过控制器功能进行路线导航，方法是在 select 框

的 ng-change 上调用该功能

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

将 ui-sref 放入 select / option

Put ui-sref in select / option

angularjs

angular-ui-router

ui-sref