ngclick 在 Angular js 中不起作用答案

【问题标题】：ngclick not working in angular jsngclick 在 Angular js 中不起作用
【发布时间】：2015-06-04 15:04:29
【问题描述】：

这是我的html代码

<ul class="nav nav-pills nav-justified th-menu">
                    <li role="presentation" ng-class="{active:isActive('/about')}"  ><a href="#/about" ng-click="scrollToSection('content-section')">Erafone offer details</a></li>
                    <li role="presentation" ng-class="{active:isActive('/form')}"><a href="#/form" ng-click="scrollToSection('content-section')">Form</a></li>
                </ul>

这是我的 Angular js 代码

$scope.scrollToSection = function(sectionID){

    $('html, body').animate({
        scrollTop: $("#"+sectionID).offset().top  - 63
    }, 800);
}

}]);

我是 Angular js 的新手，我想知道如何使用 ng click 在视图之间切换？？如果有人对此有任何想法，请指导我。

有 4 个标签。我希望当用户点击表单选项卡时，表单应该加载到同一页面上。

【问题讨论】：

您的导航按钮附加了一个 ng-click 事件。可能是这个点击事件正在停止点击事件的传播。
您似乎只有一个页面，您需要滚动到该页面上的表单元素。在这种情况下最好使用 ngInclude 指令并包含您的表单模板。
您能创建一个 plnkr 或 jsfiddle 链接并与我们分享。它将使我们能够解决您的问题
jsfiddle.net/96dpjbe6
为什么总是传递“content-section”作为参数？

标签： javascript angularjs

【解决方案1】：

是的。 href 属性优先于 ng-click。

一种选择是将href留空...

<a href ng-click="scrollToSection('content-section')">Form</a>

然后，您可以在 scrollToSection 函数中包含用于切换视图的代码（尽管此时您可能需要重新考虑您的函数名称...），其中包含以下内容...

$location.path('/form');

【讨论】：