带有Bootstrap 3导航栏的AngularJS不会在小型设备和散列标记链接上折叠

所以问题来自于我正在尝试使用手机上的项目时,我在导航栏中的链接都带有哈希标记链接(#),因为它是AngularJS …现在我确实找到了一种方法让它完美地工作在jQuery中

$('.nav li a').not('.dropdown-toggle').on('click', function(){
    $('.navbar-ex1-collapse').removeClass('in').addClass('collapse');
});

但是因为他们总是说停止使用普通的jQuery或DOM操作……所以我怎么想这样做呢？我是AngularJS的新手,我不擅长开始创建自己的指令,或者我应该只看$watch？但那我怎么能看到某个类被点击呢？我试图做这个例子twitter-boostrap-navbar-with-angular-js-collapse-not-functioning,但它是专门为Bootstrap 2.3制作的,一些属性也改变了,所以我有点困惑.我可以离开jQuery,但你知道……我正在努力学习正确的做法……