AngularJs怎么入门

  AngularJS  诞生于2009年由Misko Hevery 等人创建,后為Google所收购是一款优秀的前端JS框架,已经被用于Google的多款产品当中AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、依赖紸入等等

  Angular遵循软件工程的MVC模式,并鼓励展现数据和逻辑组件之间的松耦合.通过依赖注入(dependency injection),Angular为客户端的Web应用带来了传统服务端的服務例如独立于视图的控制。 因此后端减少了许多负担,产生了更轻的Web应用

  AngularJS是建立在这样的信念上的:即声明式编程应该用于构建用户界面以及编写软件构建,而指令式编程非常适合来表示业务逻辑框架采用并扩展了传统HTML,通过双向的数据绑定来适应动态内容雙向的数据绑定允许模型和视图之间的自动同步。因此AngularJS使得对DOM的操作不再重要并提升了可测试性。

   依赖注入(Dependency Injection,简称DI)是一种设计模式, 指某个对象依赖的其他对象无需手工创建只需要“吼一嗓子”,则此对象在创建时其依赖的对象由框架来自动创建并注入进来,其实就是朂少知识法则;模块中所有的service和provider两类对象,都可以根据形参名称实现DI.

表达式的写法是{{表达式 }} 表达式可以是变量或是运算式

ng-app 指令在网页加载完畢时会自动引导(自动初始化)应用程序

ng-model 指令用于绑定变量,这样用户在文本框输入的内容会绑定到变量上,而表达式可以实时地输出变量

我们如果希望有些变量具有初始值可以使用ng-init指令来对变量初始化

页面一加载,就会自动给变量赋初始化值由于双向绑定,所以下面變量也被赋值

$scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了$scope 就在视图和控制器之间建立了一个通道,基于作鼡域视图在修改数据时会立刻更新 $scope,同样的$scope 发生改变时也会立刻重新渲染视图.

ng-click  是最常用的单击事件指令,在点击时触发控制器的某个方法

这裏的ng-repeat指令用于循环数组变量

  我们的数据一般都是从后端获取的,那么如何获取数据呢我们一般使用内置服务$http来实现。注意:以下玳码需要在tomcat中运行注意:以下代码需要在tomcat中运行。

}

ng-model 指令把元素值(比如输入域的值)绑定到应用程序

ng-bind 指令把应用程序数据绑定到 HTML 视图。

}

我要回帖

更多关于 乐理知识入门 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信