在简要介绍AngularJS的学习笔记

一个简短的介绍。AngularJS

AngularJS是一个结构框架设计的动态Web应用程序，它允许你使用HTML作为模板语言，通过扩展HTML的语法，这样你就可以建立你的应用程序组件更加清晰和简洁。其创新之处在于它使用数据绑定和依赖注入，这样你就不必再写很多代码。所有这些都是通过浏览器实现的侧Javaｓｃｒｉｐｔ，这使得它完美的组合的任何服务器端技术。

说这么多，你什么都不懂，我说得对吗不必担心，让我来谈谈他的一些特性：模块化、双向数据绑定、依赖注入和指令。

二。基于MVC设计模式的概念Angularjs

所谓MVC是模块（数据模型）、视图（视图）、控制器（控制器）。

事实上，AngularJS是这三个模块的组合，以下是我画的模型，首先看：
三。联合解释

如上所述，AngularJS的特点是模块化，依赖注入，双向绑定，和指示。现在让我向你解释上面的图片。

模块化：以下过滤器，四个有代表性的指令…四块是模块（对每一功能的用法和功能逐一解释），也可以理解为各模块的少，各模块功能不同，但分工明确，结构清晰，模块实现。

依赖注入：上面提到的四个小模块似乎是分开的和分开的，但它们之间有22个相互依赖的关系。它们可以互相引用以实现强大的功能。

说明：正如你可以看到从上面的图，指示图中的指令的方法。有许多内置的AngularJS指令，如ng APP（指定AngularJS的范围（NG模型），一个数据模型的定义，双向绑定），NG重复（重复标签），NG改变（听标签的值没有改变）等，在指令是最重要的功能是自定义指令（又称教程是HTML的扩展）。

双向绑定：双向绑定是映像中的模块和视图，它是数据和视图的双向绑定，您将使用您刚才提到的NG模型指令。

四。请看一个简单的双向绑定示例。

Index.html：

文件
你好，{ } }

您可以将上面的代码带到浏览器并运行它。（注意AngularJS地址引用），你会惊奇地发现，AngularJS是真正强大的！

下面是对上述代码中难以理解的地方的简单解释。

NG程序指定应用程序的应用范围，这表明整个HTML代码可以识别AngularJS。

NG模型给出元素绑定数据模型名称文本，输入的输入值将存储在该模型中。

{ {文字} }是一个表达AngularJS，即中间的文本是一个变量，它对应于上述模型的名称。它可以实时监控输入值的变化，并立即更新视图。
哈哈，AngularJS是很简单的。我希望这个小小的笔记本能引起你的兴趣在AngularJS。以后我会继续更新AngularJS的学习笔记。我希望它会对你有帮助。如果有不认识的笔记，我一定会回答我。祝您生活愉快。