从angularjs中的下拉列表中调用href

发布时间：2020-12-17 17:40:31 所属栏目：安全来源：网络整理

导读：我使用 angularjs有下面的下拉菜单. select ng-href="#/edit/{{name.id}}" class="form-control" id="{{name.id}}" option ng-repeat="name in addas | filter:cc" id="{{name.id}}" value="{{name.name}}"{{name.as_number}}/option /select 我试图在下拉列

我使用 angularjs有下面的下拉菜单.

<select ng-href="#/edit/{{name.id}}" class="form-control"  id="{{name.id}}">  
   <option ng-repeat="name in addas | filter:cc"
   id="{{name.id}}" value="{{name.name}}">{{name.as_number}}</option>
  </select>

我试图在下拉列表中调用选定选项的href.下拉填充很好.当我选择任何选项时,它不会做任何事情或调用网址.
请告诉我如何在angularjs中实现这一目标.

解决方法

工作jsfiddle： http://jsfiddle.net/C3Adv/3/

<select ng-model="adda" ng-options="a.name for a in addas" ng-change="onChange()">  
</select>

样品控制器：

function Ctrl($scope,$location) {
    $scope.addas = [
        {id: 1,name: 'a1',as_number: 1},{id: 2,name: 'a2',as_number: 2},{id: 3,name: 'a3',as_number: 3}
    ];

    $scope.onChange = function() {
        $location.path('/edit/' + $scope.adda.id);
    }
}

$location.path()似乎对小提琴没有任何影响,所以相反路径只显示在页面上,但它应该按预期工作.

你的方法有很多问题.首先,您在option元素上使用ng-repeat,因此name.id将不在该元素之外.当你在ng-href中使用它时,它可能是未定义的(除非你在$parent范围中定义了它,但如果我理解正确,则不是这样).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!