关于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的基本特性:
- MVC:核心理念:管理数据的代码(model)、应用逻辑代码(controller)、向用户展示数据的代码(view)清晰的分开。
- 数据绑定
- 依赖注入:$scope、$location
- 指令:
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把视图显示在哪里