在ANGULARJSng-bind单向结合教学实例

本文介绍了AngularJS框架，通过实例演示了{ { } }插值和NG绑定指令。

不同于jQuery，只是一类加强和简化前端开发库，AngularJS是一个完整的Web前端框架，这样的学习曲线是高了很多。

Angularjs给我的感觉类似于java的spring框架，能够配合其他成分在集装箱中心位置。它的许多内置组件已经满足了一般情况。我们可以根据特定的场景扩展框架。

下面是从最基本的内容：

复制代码代码如下所示：

NG绑定指令

直接输出字符串文字值

你好世界}车削

使用占位符输出变量

你好{ { } }

使用NG绑定指令输出变量

你好

函数的HelloController（范围）{

scope.greeting美元=世界；

}

NG程序宣告AngularJS模块是有限的HTML标签声明的范围。

NG控制器控制器，该模块中的AngularJS声明。有多个控制器，但上下文是孤立的。我们应该尽量减少控制器的范围。

{ { } }是AngularJS插值的语法类似于JSP EL表达式$ { }。第一输出因为世界是一个文字，程序将直接输出；二输出因为打招呼是在控制器中定义的变量，所以它会输出相应的价值世界；在AngularJS的顺序使用NG绑定属性第三输出，最后的结果是相当于{ { } }，但注意命令=后面是一个字符串，而不是一个错误。

说明在hellocontroller和身体上对应的JS。范围是由框架提供的服务，代表当前控制器的上下文和其他类似的服务。该框架将自动注入并稍后被理解。方法体只有一行，它定义了$范围中的变量，即HTML代码中引用的变量。

这是一个很简单的，和代码复制并能运行。注意angular.min.js是1.2分支的最新版本。相同的代码不能运行1.3.0版本。由于未知的原因，也许是不到1.3.0发布最终版本相关。