AngularJS - 角度路由应用程序

时间:2016-01-10 15:52:55

标签: angularjs angular-ui-bootstrap angular-ui angularjs-routing

我有一个Angular应用程序,在main.js文件中我定义了应用程序路由,但我有一个疑问,例如,当我点击下一个按钮时,我有一个bootstrap的accodion菜单:

RequestParam

由于角度的配置路线,atributte href ="#MainMenu",它将其识别为路线,我不想做任何事情。

这是js代码:

@RequestParam(required=false) boolean guest

怎么能解决这个问题?谢谢,(我是Angular的新人)

3 个答案:

答案 0 :(得分:1)

在您的情况下,不应使用href属性来选择手风琴,因为它会在您使用锚点href时直接更改URL。要解决问题,您应使用data-target属性而不是href

<强>标记

<a data-target="#MainMenu" data-toggle="collapse" data-parent="#MainMenu" class="dropdown-toggle">
   <img src="img/ico_menu_off.png" />
</a>

答案 1 :(得分:1)

您可以删除href并在点击时使用JavaScript打开它:

$("#MainMenuTrigger").click(function(){
     $('#MainMenu').modal();
});

http://getbootstrap.com/javascript/#js-programmatic-api

我建议你也看看Angular UI Bootstrap

答案 2 :(得分:1)

您可以从网址中删除哈希值。找到这个URL它会对你有所帮助 http://www.codeproject.com/Tips/1063634/Removing-the-sharp-Sign-from-AngularJS-URLs-with-I