angularjs执行下拉菜单项的功能

时间:2014-01-24 02:24:24

标签: javascript angularjs

我按照此处http://plnkr.co/edit/f3cc22cDkIh88svQtrxB?p=preview的示例获取下拉菜单,但数据在js文件中作为对象。

  $scope.items = [
    "Edit",
    "Delete"
  ];

如果单击编辑,如何运行函数?

2 个答案:

答案 0 :(得分:0)

你可以使用这个小技巧有条件地执行带有表达式的指令中的东西,例如ng-click

<a ng-click="choice == 'Edit' && doSomethingOnEdit(choice)">{{choice}}</a>

Example

或者只是在条件很复杂的情况下将其过滤掉。

<a ng-click="doSomethingOnEdit(choice)">{{choice}}</a>

(在您的控制器中)

$scope.doSomethingOnEdit = function(value) {
     if (value != 'Edit') return;
     // otherwise, do whatever
};

答案 1 :(得分:0)

试试这个:

<li ng-repeat="choice in items">
  <a ng-click="doSomething(choice)">{{choice}}</a>
</li>


$scope.doSomething = function(choice) {
    switch(choice) {

    }
};