打开右下preview窗口,您应该已经看到了我们的初始应用,很简单,但说明我们的项目已经可以运行了。 应用中显示的“Nothing here yet!”是由HTML代码构建而成,代码中包含了AngularJS的关键元素,正是我们需要学习的。
基本介绍
-
在初始界面右半边上半部分是相关代码的显示。整个程序是在我们的后台运行,我们会把和本章相关的代码拿出来详细介绍,其它辅助的代码则会略过。 整个教程的所有代码在github上都是可见的,如果遇到不清楚的地方可以去参考下完整代码。
-
通常
html
文件中都会有三个<meta/>
标签和内容无关,这是我们用来防止缓存用的,使得预览可以看到实时结果。在您自己的项目中并不需要它们。 -
link
中lib
指向引用的标准库文件(比如AngularJS),这些文件在网上或者github中都可以看到。除了Angular相关的Javascript文件外, 我们还会引用bootstrap css框架来修饰CSS,以及jquery来补充Angular。 -
右半边下半部分包括代码详细讲解的窗口以及预览窗口。通常这里会是Angular中概念以及用法的归纳性质的介绍,具体的代码的详细实现都是在讲解窗口中, 可以用来对照代码来帮助理解。
-
预览窗口提供了应用初始化的预览以及完成练习提交后的检验。提供了对代码的直观理解。