新手入门学习angular.js的心得体会
看了一天的angular.js,只要记住这是关于双向数据绑定 和单向数据绑定就可以,看看开发文档,短时间内还是可以直接入手的,看个人理解能力(我是小白)。
这几天开始着手学习angularjs的有关知识,将一些心得总结如下:
(一)为了使用Angular,所有应用必须首先做两件事情:
1.加载angular.js库。
既可以从外部调用,如:
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script>
也可以在本地放入angular.js。
2.使用ng-app指令告诉angular应该管理DOM的哪一部分
(二)MVC风格
1.控制器就是你所编写的类或者类型,它的作用是告诉angular该模型是由哪些对象或者基本数据构成的,只要把这些对象或者基本数据设置到
$scope对象上即可,$scope对象会被传递给控制器:如下
<html ng-app='myApp'>
<body ng-controller="TextController">
<p>{{someText.message}}</p>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
</script>
<script>
var myAppModule = angular.module('myApp',[ ]);
myAppModule.controller('TextController',
function ($scope){
var someText = {};
sometText.,message = "First data !";
$scope.someText =sometText;});
</script>
</body>
</html>
2.区分UI和控制器的职责
在应用中控制器有三种职责:
(1)为应用中的模型设置初始状态。
(2)通过$scope对象把数据模型和函数暴露给视图(UI模板)。
(3)监视模型其余部分的变化,并采取相应的动作。
为了让控制器保持小巧和可管理状态,建议,为视图中的每一块功能区域创建一个控制器。控制器是绑定在特定的DOM片段上的,
这些片段就是它们需要负责管理的内容。
(三)依赖注入
这个原理简单归纳如下:
高层次模块不应该依赖低层次模块,他们应该依赖于一种抽象。这种抽象不应该依赖细节,细节应该依赖于抽象 。
我只要指出我需要哪些对象,然后就会有人把这个对象给我,而这个“人”可能是一个应用框架(Framework),也可能是测试
容器(Test Runner),我不会关心它是谁,也不用关心它怎么得到这个对象。这个“人”,专业的说法叫“容器”。在Angular中,
所有主要编程元素都需要通过某种方式注册进去,比如myModule.service('serviceName',function()...这实际上就是把后面这个
函数加入到一个容器中。要注意的是,angular全面实现了延迟初始化,也就是说,当这个对象没有被人需要时,它是不会被创建
的,这样对于提高性能有一定的帮助,特别是加快了启动速度。
原文:https://blog.csdn.net/sweety815/article/details/51251373
新手入门学习angular.js的心得体会的更多相关文章
- 人工智能新手入门学习路线和学习资源合集(含AI综述/python/机器学习/深度学习/tensorflow)
		[说在前面]本人博客新手一枚,象牙塔的老白,职业场的小白.以下内容仅为个人见解,欢迎批评指正,不喜勿喷![握手][握手] 1. 分享个人对于人工智能领域的算法综述:如果你想开始学习算法,不妨先了解人工 ... 
- 学习angular.js的一些笔记想法(上)
		1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-change ... 
- Linux系统新手入门学习的四点建议
		随着计算机的普及.互联网的发展,原本黑客手中的攻城利器---Linux,渐渐进入到普通群众的视线里,让越来越多的人接触到Linux,并学习Linux进而投身到Linux运维工作中去.如果大家对Linu ... 
- 工作流Activiti新手入门学习路线整理
		写在前面: 最近项目中使用到了工作流,虽然此部分不是自己需要完成的,但是也涉及到了要调用写的接口.正好有时间,就了解下,以便之后能在其他项目中用到时,不至于什么都不知道什么都不了解. 这里就主要整理下 ... 
- 学习asp.net Identity 心得体会(连接oracle)
		asp.net Identity具体功能暂不在此细说,下面主要介绍几点连接oracle注意的事项, 1.首先下载连接oracle驱动Oracle.ManagedDataAccess.dll和Oracl ... 
- Python新手入门学习常见错误
		当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的一些让你程序 crash 的运行时错误. 1)忘记在 if , elif , else , for , ... 
- 学习 google file system 心得体会
		Google File system文件系统,是在特别便宜的普通硬件设备上运行,它是一个面向大规模数据密集型运用的.可伸缩的分布式文件系统. 与传统文件相比,它认为组件失效是很平常的事件,因为GFS包 ... 
- GIT新手入门学习教程
		廖雪峰的GIT教程 链接地址:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 
- Django:新手入门学习资料汇总
		(1)作者(刘江)(神都公务员出身,军工专家,文章详尽全面):http://www.liujiangblog.com/course/django/2 (2)魔力Python:作者(小楼一夜听春语)(文 ... 
随机推荐
- Android 高仿 频道管理----网易、今日头条、腾讯视频  (能够拖动的GridView)附源代码DEMO
			距离上次公布(android高仿系列)今日头条 --新闻阅读器 (二) 相关的内容已经半个月了.近期利用空暇时间,把今日头条client完好了下.完好的功能一个一个所有实现后.就放整个源代码.开发的进 ... 
- LeetCode 172. Factorial Trailing Zeroes (阶乘末尾零的数量)
			Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be in log ... 
- NoSql的易扩展性
			NoSql现在很火很时髦,大家言必称NoSql,仿佛关系型数据库已成陈旧落后的代名词. 但依我看,真正理解NoSql的还不多,在实际项目中用过的应该就更少了. 我也还不理解,更没怎么应用过,所以现在要 ... 
- bzoj 2044 三维导弹拦截 —— 最小路径覆盖
			题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2044 第一问暴力 n^2 即可: 注意这道题对位置没要求!所以先按第一维排序一下即可: 然后 ... 
- Hotel booking(spfa+floyd)
			http://acm.hdu.edu.cn/showproblem.php?pid=2992 题意:有n个城市,编号为(1~n),有一些城市中有一些旅店,要求从一个城市到另一个城市不能超过10小时,问 ... 
- codevs1557 热浪(堆优化dijkstra)
			1557 热浪 时间限制: 1 s 空间限制: 256000 KB 题目等级 : 钻石 Diamond 题解 查看运行结果 题目描述 Description 德克萨斯纯朴的民眾们这个夏 ... 
- [Apple开发者帐户帮助]八、管理档案(4)
			您可以编辑,下载或删除在开发人员帐户中创建的配置文件.例如,如果您撤消了证书或禁用了配置文件中包含的设备,请编辑配置文件.或重新置备的个人资料,如果因为你它是无效的功能的应用程式服务. 注意: Xco ... 
- SpringBoot 热部署 + IDEA
			1.使用Spring-Boot-Devtools实现热加载(这种方式会自动重启) devtools的原理: 深层原理是使用了两个ClassLoader,一个Classloader加载那些不会改变的类( ... 
- 【题解】动态逆序对 [CQOI2011] [P3157] [BZOJ3295] [P1393]
			[题解]动态逆序对 [CQOI2011] [P3157] [BZOJ3295] [P1393] 水一水QAQ 题目链接: \([P3157]\) \([BZOJ3295]\) [题目描述] 对于一个序 ... 
- Horspool和BM算法解析
			最近算法中学到了Horspool,KMP,BM三种算法.接下来给大家做个分享. Horspool算法: 算法思路: 1.分为匹配串,原串 2.从右往左依次匹配: 一旦遇到不匹配的,原串相对于匹配串 移 ... 
