javascript - Angular : ng-click and items

Question

我正在使用美妙的 UI Bootstrap对于 Angular，但我很难引发 onclick 事件。

这是代码:

<ul class="dropdown-menu" role="menu">
    <li><a><img src='/Content/Images/dept_cargo.png'/> CARGO</a></li>
    <li><a><img src='/Content/Images/dept_commercial.png'/> COMMJ</a></li>
    <li><a><img src='/Content/Images/dept_executive.png'/> EXECJ</a></li>
    <li><a><img src='/Content/Images/dept_travel.png'/> TVL</a></li>
</ul>
{{ currentDepartment }}

我尝试了每种组合:将 ng-click="behaviour()"分别放入 li、a 和 img 中，但似乎没有任何效果。

我做错了什么？

(理想情况下，我只想更改作用域变量的值，但我认为调用行为来完成工作是更好的做法)

这个问题与上面建议的不一样。另一个问题与范围有关，而我很高兴能够执行alert();来 self 的一个李。

Answer 1

您设置 Controller 的 js 代码一定有问题，但如果设置正确，您的 html 应该如下所示:

<ul class="dropdown-menu" role="menu">
    <li ng-click="behaviour()"><a><img src='/Content/Images/dept_cargo.png'/> CARGO</a>
    </li>
    <li ng-click="behaviour()"><a><img src='/Content/Images/dept_commercial.png'/> COMMJ</a>
    </li>
    <li ng-click="behaviour()"><a><img src='/Content/Images/dept_executive.png'/> EXECJ</a>
    </li>
    <li ng-click="behaviour()"><a><img src='/Content/Images/dept_travel.png'/> TVL</a>
    </li>
</ul>

在你的js中:

function myCtrl($scope) {
    $scope.behaviour = function () {
       alert('asd');
    };
}

这是一个工作示例:http://jsfiddle.net/97u2jp6d/1/