51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#机器学习
angular学习笔记(十三)
本篇主要介绍控制器的$scope中的数据是如何被改变的:以下三种方法,都可以改变$scope中的number值:1.表达式:<spanng-click="number=number+3">点击改变值1</span>2.回调函数:<spanng-click="computeNum()">...
代码星球
·
2020-04-04
angular
学习
笔记
十三
angular学习笔记(十二)-控制器
本篇主要介绍控制器:控制器在前面的例子中已经大量的用到,它的作用主要是:控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单,就创建一个menu...
代码星球
·
2020-04-04
angular
学习
笔记
十二
控制器
angular学习笔记(十一)-表达式
本篇只要介绍angular表达式:在之前的例子中,我们多半是直接把数据作为angular标识符的值,但其实可以使用表达式来做更多的事情:比如:{{number}} 也可以是: {{number+10}}(将数据进行简单的运算)也可以是:{{someFun()/10}}(调用方法得到结果,同时经过简单...
代码星球
·
2020-04-04
angular
学习
笔记
十一
表达式
angular学习笔记(十)-src和href处理
本篇主要介绍angular中图片的src和链接的href的处理:用到了以下两个属性:ng-src:绑定了数据的路径表达式ng-href: 绑定了数据的路径表达式例如: <!DOCTYPEhtml><htmlng-app><head><title>7.1...
代码星球
·
2020-04-04
angular
学习
笔记
-src
href
angular学习笔记(九)-css类和样式3
再来看一个选择li列表的例子:点击li中的任意项,被点击的li高亮显示:<!DOCTYPEhtml><htmlng-app><head><title>6.3css类和样式</title><metacharset="utf-8"><script...
代码星球
·
2020-04-04
angular
学习
笔记
-css
类和
angular学习笔记(九)-css类和样式2
在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名:我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框.错误框的类名是.err,警告框的类名是.warn:<!...
代码星球
·
2020-04-04
angular
学习
笔记
-css
类和
angular学习笔记(九)-css类和样式1
本篇主要介绍通过数据绑定来给元素添加特定的类名,从而应用特定的样式从一个最基本的例子来看:<!DOCTYPEhtml><htmlng-app><head><title>6.1css类和样式</title><metacharset="utf-8">&...
代码星球
·
2020-04-04
angular
学习
笔记
-css
类和
angular学习笔记(八)-控制视图显示隐藏
本篇介绍angular控制视图的显示和隐藏:通过给元素添加ng-show属性或者ng-hide属性来控制视图的显示或隐藏:ng-show:绑定的数据值为true时,显示元素,值为false时,隐藏元素ng-hide:绑定的数据值为true时,隐藏元素,值为false时,显示元素(其实只要用到其中一个就可以了)下面来看个...
代码星球
·
2020-04-04
angular
学习
笔记
控制
视图
angular学习笔记(七)-迭代3
每个迭代项中还有以下三个变量:$first:判断是否是迭代第一项,如果是,得到true,如果不是,得到false$middle:判断是否迭代中间项(既不是第一项也不是最后一项的都是中间项),如果是,得到true,如果不是,得到false$last:判断是否是迭代最后项,如果是,得到true,如果不是,得到false然后...
代码星球
·
2020-04-04
angular
学习
笔记
迭代
angular学习笔记(七)-迭代2
视图的迭代和它的ng-repeat属性绑定的数据是实时绑定的,一旦数据发生了改变,视图也会立即更新迭代.还是刚才的那个例子,给它添加一个添加数据按钮和一个删除数据按钮.<!DOCTYPEhtml><htmlng-app><head><title>4.1.迭代</ti...
代码星球
·
2020-04-04
angular
学习
笔记
迭代
angular学习笔记(七)-迭代1
本篇介绍angular中元素的迭代:<!DOCTYPEhtml><htmlng-app><head><title>4.1.迭代</title><metacharset="utf-8"><scriptsrc="../angular.js">...
代码星球
·
2020-04-04
angular
学习
笔记
迭代
angular学习笔记(六)-非入侵式javascript
这篇主要讲解非入侵式javascript.在传统的前端开发中,把js写在html中,称为入侵式的javascript:<spanid="select_area"onclick="..."</span>这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉.但是,angular通过改进,...
代码星球
·
2020-04-04
angular
学习
笔记
入侵
Javascript
angular学习笔记(五)-阶乘计算实例(3)
同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算:<!DOCTYPEhtml><htmlng-app><head><title>2.3.4计算阶乘实例3</title><metacharset="utf-8"&...
代码星球
·
2020-04-04
angular
学习
笔记
阶乘
计算
angular学习笔记(五)-阶乘计算实例(2)
<!DOCTYPEhtml><htmlng-app><head><title>2.3.3计算阶乘实例2</title><metacharset="utf-8"><scriptsrc="../angular.js"></script...
代码星球
·
2020-04-04
angular
学习
笔记
阶乘
计算
angular学习笔记(五)-阶乘计算实例(1)
<!DOCTYPEhtml><htmlng-app><head><title>2.3.2计算阶乘实例1</title><metacharset="utf-8"><scriptsrc="../angular.js"></script...
代码星球
·
2020-04-04
angular
学习
笔记
阶乘
计算
首页
上一页
...
281
282
283
284
285
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他