ng-model:该指令是指把元素值（比如输入框的值）绑定到应用程序中。

ng-bind：该指令是把应用程序数据绑定到html视图中。使用相应的指令，即可利用angularjs操作html页面。具体怎么使用，我们来看看代码。

此时利用ng-model绑定到setname模型变量上，当在输入框中输入值时，相应的setname也会变化。可自行贴码测试。

关于$scope解释

$scope是什么？有什么作用？如何使用它？

简单来说，scope是一个pojo（plainoldjavascriptobject）,类似于一个对象，有属性和方法， scope是一个pojo（plainoldjavascriptobject）,类似于一个对象，有属性和方法，scope提供了watch()和 watch()和apply()工具方法。angularjs的mvc全部借助于$scope进行的。

特性：1.是表达式的执行环境（或者作用域）

2.scope是一个树型结构，与dom标签平行，其上含有一个 scope是一个树型结构，与dom标签平行，其上含有一个rootscope处于最顶层。

3.scope会继承父 scope会继承父rootscope的属性和方法。

4.$scope可以传播事件，类似于dom，可以向上传播也可以向下。

5.$scope不仅是mvc的基础，也是后面实现双向绑定的基础。

AngularJs的组成部分

模板：即编写的html和css的文件，展现应用的视图。angularjs可以在html中构建自己的html标记！ 控制器:与ajax不同，不需要另外编写侦听器或dom控制器，因为它已经内置到angularjs中。 好处：便于编写，测试，维护和理解。

模型数据：模型是从angularjs做用域对象的属性引申的。模型的数据可能是js对象，数组或基本类型，但都属于angularjs作用域对象。

如何理解angularjs中的作用域？

即一个作用域可以视作模板，模型和控制器协同工作的粘接器，angularjs使用作用域，同时还有模板中的信息，数据模型和控制器。这些可以帮助模型和视图分离，但他们两者确实时同步的！任何对于模型的更改都会即时反映到视图上，任何视图的更改都会被立刻体现在模型中。

视图：在angularjs中，一个视图是模型通过html模板渲染之后的映射。即不论模型什么时候发生变化，angularjs会实时更新结合点，随之更新视图。

还是贴码来看，更加直观！

<Meta charset="utf-8">

{{value.name}},hello!

我们来看看controller的应用，即控制器，即控制器通过操作数据，将其进行绑定，展现在html页面上。

AngularJS 模块（Module） 定义了 AngularJS 应用。

AngularJS 控制器（Controller） 用于控制 AngularJS 应用。

ng-app指令定义了应用,ng-controller 定义了控制器。我们用上面的列子来看：

AngularJS模块定义应用：

angularjs控制器控制应用：

了解前端mvc

关于controller特性：

1.不要试图去服用controller，一个控制器一般只负责一个小块视图

2.不要直接在controller中操作dom，这不是其职责

3.不要在controller里面做数据过滤的操作，ng有filter服务

4.不要在controller里面做数据格式化，ng有很好用的表单控件

5.controller是不会互相调用，控制器之间的交互会通过事件进行，通过 filter服务4.不要在controller里面做数据格式化，ng有很好用的表单控件5.controller是不会互相调用，控制器之间的交互会通过事件进行，通过scope进行调用

下面看下如何自定义指令系统，代码如下：

<Meta charset="utf-8">

directive中，后面返回有三个参数，其中template中指所插入的html标签。现在我门自己来写一段HTML代码，看看如何将其变为angularjs的写法。

原静态HTML代码如下：

new1

just a test page1

new2

just a test page2

将其改版为angularjs的写法如下：

<Meta charset="utf-8">

{{new.introduce}}

以上所述是小编给大家介绍的AngularJs基本特性解析(一)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。