如何使用angular在单页面应用程序中单击按钮来重定向到另一个HTML页面?

时间:2017-02-04 12:10:09

标签: java html angularjs angularjs-ng-include

我正在处理包含登录和注册以及其他一些功能的单页应用程序。我的页面var = "my_func arg_1 arg_2" getattr(object, var.split()[0]) 包含index.htmlsignin.html,以及提交在标志中应将用户引导至register.html。 我理解如何使用welcome.html将许多html页面放到一个页面中,但在这种情况下如何使用它呢?

尝试ng-include

include.html

tryinclude1.html

<body  ng-app="myApp">
  <div >
     <div ng-include = "'tryinclude1.html'"></div>
  </div>

tryinclude2.html:

<body>
<label>you are in tryinclude1 press ok to go to another page</label>
<button ng-include="'tryinclude1.html'">ok</button>
</body>

感谢您的帮助

2 个答案:

答案 0 :(得分:1)

答案是使用ng-hide和ng-show,无需路由。 这里有更多细节 https://scotch.io/tutorials/how-to-use-ngshow-and-nghide

答案 1 :(得分:0)

您可以使用ng-view和ng-route来管理单页面应用程序。

https://docs.angularjs.org/api/ngRoute/directive/ngView