《用Angularjs开发下一代web应用》学习理解

    关于angularjs目前才刚开始接触,之前做的都是java后端的东西,现在负责app开发,需要学些前端的知识,现在就按照《用Angularjs开发下一代web应用》这本书进行学习。也提供一些学习资料,ionic的中文在线文档:http://www.ionic.wang/js_doc-index-id-6.html,里面也有介绍和学习ionic和angularjs结合的学习资料。总之angularjs是辅助前端开发的,当然你也可以学习react.js、vue.js这些都可以做到相应的开发,目前还没接触,就按照目前接触的angularjs对自己学习的一些总结吧。

第一章:Angularjs的简介

主要说了angularjs的基本特性:

  1. MVC:核心理念:管理数据的代码(model)、应用逻辑代码(controller)、向用户展示数据的代码(view)清晰的分开。
  2. 数据绑定
  3. 依赖注入:$scope、$location
  4. 指令:

            ng-app:告诉angularjs页面中的哪一部分需要接受它的管理,相当于java的main方法,单页html只能出现一次

            ng-controller:是一个控制器,有一个js

            ng-repeat:针对list

            {{}}:数据绑定,一般使用$scope 进行数据绑定

            ng-click:点击事件

第二章:AngularJS应用骨架

index.html    这个页面包含了全部模板

ng-bind    显示文本

$scope    上下文环境    $index    元素序号    ng-repeat    列表展示

$first    $middle    $last    ng-repeat指令返回的是布尔值

ng-show    ng-hide  展示和隐藏

ng-class    ng-style    css样式

ng-src    ng-href    针对<img>和<a>标签

ng-controller    控制器

ng-model   ng-model上指定的模型参数同样工作在外层控制器内,建立双向绑定。

控制器存在的目的:当用户与视图进行交互时,它负责提供代码或者逻辑以便执行用户的想法。建议为视图中的每一块功能区域创建一个控制器。父控制器对象上的$scope会被传递给内部嵌套控制器的$scope。

模板 :视图

$watch(‘字符串’,函数/表达式,true/false)    监控数据模型的变化 

$location   ng-view 告诉angularjs把视图显示在哪里

猜你喜欢

转载自my.oschina.net/schuppe/blog/1791723