Javascript 有棱角的新手:开始构建应用程序了吗?

Javascript 有棱角的新手:开始构建应用程序了吗?,javascript,angularjs,Javascript,Angularjs,我是Angular的新手,已经阅读了大量教程和示例应用程序,现在我要做的是让您深入到真实世界应用程序中的困难部分:) 这就是我想要建立的 第1页:带有按钮的启动屏幕。当用户单击按钮时,他们会转到 第2页:带有一些文本的欢迎屏幕 这应该很容易构建,对吗?这就是我到目前为止得到的。HTML优先: views/page1.html <button ng-click="showPage2()">click me</button> views/page2.html <d

我是Angular的新手,已经阅读了大量教程和示例应用程序,现在我要做的是让您深入到真实世界应用程序中的困难部分:)

这就是我想要建立的

  • 第1页:带有按钮的启动屏幕。当用户单击按钮时,他们会转到
  • 第2页:带有一些文本的欢迎屏幕
这应该很容易构建,对吗?这就是我到目前为止得到的。HTML优先:

views/page1.html
<button ng-click="showPage2()">click me</button>

views/page2.html
<div>my splash page</div>

showSplash
模块启动正常,但我应该在其中添加什么?我应该更新路线,让Angular来处理其余的事情吗?如果我想在一个屏幕和下一个屏幕之间进行一次奇特的CSS3转换,怎么样?

您可以用几种不同的方式来实现,但这里的答案可能是您不需要按钮(或者至少不需要ng单击,元素看起来不相关),您只需要一个普通的“a href=””链接。就像你说的,让angular来处理剩下的

另一种方法是使用该服务。它允许您更改javascript中的位置(url)。除非您需要先检查控制器中的某些内容,然后才能知道将人员发送到何处,否则没有理由不使用普通链接,因为最终结果对于用户来说是相同的,但如果您确实需要它,则可以这样使用:

console.log($location.path());  // Gets the path
$location.path('/page2')  // Sets the path

至于动画,如果您使用的是1.1.5或更新版本,您可以访问ng animate来设置大多数指令的动画,如ng repeat、ng show等。它还可以在ng view中设置更改动画,以便您可以在页面之间进行动画转换。需要注意的是,ng animate的使用有点棘手,但是如果你找到一个好的教程,如果你想要动画,没有理由不尝试。

为了完整性,如果你应该在
ng视图
存在的html中添加动画,这可能会有所帮助。这个问题似乎与主题无关,因为它是关于教程的。这个问题对我来说非常清楚,我认为它属于这里。你甚至不需要ng点击和showPage2方法。在你的链接上添加一个普通的href即可。否则,您需要将$location服务注入控制器并使用它更改路径。谢谢!我没有意识到这和使用
href
一样简单。非常感谢。
console.log($location.path());  // Gets the path
$location.path('/page2')  // Sets the path