ng单击不处理<李>要素

ng-click not working on <li> element

本文关键字：gt 要素 单击 lt 处理 ng      更新时间：2024-06-17

我正试图在我的列表中插入ng-click。但它不起作用。我试过在li元素上同时使用ng重复和不使用ng重复。

HTML代码是：

 <ul class="nav nav-tabs">
    <li role="presentation" class="active"><a href="#" ng-click="changeRoute()">Home</a></li>
    <li role="presentation"><a href="#">About Us</a></li>
    <li role="presentation"><a href="#">Products</a></li>
    <li role="presentation"><a href="#">Customer Feedback</a></li>
    <li role="presentation"><a href="#">Contact Us</a></li>
</ul>

这是控制器：

 $scope.changeRoute = function() {
     console.log('Test');
 }

如果你真的愿意，你可以做这样的事情。

<ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#" ng-click="changeRoute('Home')">Home</a></li>
        <li role="presentation"><a href="#" ng-click="changeRoute('About Us')">About Us</a></li>
        <li role="presentation"><a href="#" ng-click="changeRoute('Products')">Products</a></li>
        <li role="presentation"><a href="#" ng-click="changeRoute('Customer Feedback')">Customer Feedback</a></li>
        <li role="presentation"><a href="#" ng-click="changeRoute('Contact Us')">Contact Us</a></li>
    </ul>
 $scope.changeRoute = function(route) {
     //handle route here
 }

但是，只将链接放在href中，而不需要ng-repeat有什么错呢？

相关文章：