Question

我正在开发一个基于angularjs的应用程序，我有一些jQueryUI控件。我的页面有一个可折叠/可扩展的导航面板。点击它展开并显示菜单并再次点击再次点击（切换）但当我使用角度页面执行此操作时，我的网址重定向到其他方式（默认页面）。如果我使用事件。 stoppropagation我的jQuery控件停止工作，切换功能不起作用。我也尝试过HTML模式，但无法成功。下面是我的app.js（用于路由）和HTML，其中MENU调用菜单项的切换。任何想法都会有很大的帮助。

$routeProvider
 .when('/', {templateUrl: 'app/views/login.html', controller:'loginCtrl'})
  .when('/overview', {templateUrl: 'app/views/overviewDashboard.html', controller:'overviewDashboardCtrl'})
  .when('/changepassword', {templateUrl: 'app/views/changePassword.html', controller:'changePasswordCtrl'}) 
  .when('/discoverysettings', {templateUrl: 'app/views/discoverySettings.html', controller:'discoveryCtrl'}) 
  .when('/managedObject', {templateUrl: 'app/views/managedObject.html',controller:'managedObjectCtrl'}) 

  .when('/search', {templateUrl: 'app/views/search.html'}) 
   .otherwise({ redirectTo: '/overview' });

HTML

                <aside class="left clear side-menu expanded">
            <a href="#" target="_self" class="menu-controller" >MENU</a>

            <nav role="navigation" class="side-nav">
            <ng:include src="'app/views/sidebar.html'"></ng:include>

            </nav><!-- end side-nav -->
        </aside>

Answer 1

幸运的是，我在jQuery click events not firing within AngularJS templates得到了答案。

以下面的格式替换jQuery事件解决了这个问题。

$(document).on("click", ".clickme", function() {
  console.log("click");
});

和html更改

<a href="#" target="_self" class="menu-controller">MENU</a>

不使用Angularjs的jQuery事件，单击导航

1 个答案: