#百面机器学习

angular学习笔记(十六) -- 过滤器(2)

本篇主要介绍angular自定义的过滤器:直接看例子:<!DOCTYPEhtml><htmlng-app="MyFilter"><head><title>13.2过滤器</title><metacharset="utf-8"><scripts...

angular学习笔记(十六) -- 过滤器(1)

本篇主要介绍过滤器的基本用法:过滤器用来对数据进行格式的转换,数据格式的转化与逻辑无关,因此,我们使用过滤器来进行这些操作:{{expression|filter1:,参数1,参数2...|filter2:参数1,参数2...}}expression:表达式,也就是还没有经过过滤的变量值,相当于普通的{{}}里面的内容...

angular学习笔记(十五)-module里的'服务'

本篇介绍angular中的模块:module在笔记(二)http://www.cnblogs.com/liulangmao/p/3711047.html里已经讲到过模块,这篇主要讲模块的'服务'功能:什么是'服务'呢?看一下下面这个例子:比如一个购物车的应用:functionItemsViewController($s...

angular学习笔记(十四)-$watch(4)

如果需要同时监测多个属性或者对象,并且执行的是同样的回调,可以有两种选择:1.监测这些属性连接起来之后的值:$scope.$watch('objOne.a+objTwo.b+...',watchCallback);这个表达式可以无限长,但如果非常长的时候,应该把它们放在一个函数的返回值里,而不是写一个很长很长的表达式2...

angular学习笔记(十四)-$watch(3)

同样的例子,还可以这样写:<!DOCTYPEhtml><htmlng-app><head><title>11.3$watch监控数据变化</title><metacharset="utf-8"><scriptsrc="../angular.j...

angular学习笔记(十四)-$watch(2)

下面来看一个$watch的比较复杂的例子:还是回到http://www.cnblogs.com/liulangmao/p/3700919.html一开始讲的购物车例子,给它添加一个计算总价和折扣的功能,如果总价超过500,则优惠10%:代码如下:<!DOCTYPEhtml><htmlng-app>...

angular学习笔记(十四)-$watch(1)

本篇主要介绍$watch的基本概念:$watch是所有控制器的$scope中内置的方法:$scope.$watch(watchObj,watchCallback,ifDeep)watchObj:需要被检测的对象,可以是以下任意一种:1.某个数据,监测这个数据的值是否发生变化2.一条angular表达式,监测表达式的结果...

angular学习笔记(十三)

本篇主要介绍控制器的$scope中的数据是如何被改变的:以下三种方法,都可以改变$scope中的number值:1.表达式:<spanng-click="number=number+3">点击改变值1</span>2.回调函数:<spanng-click="computeNum()">...
代码星球 ·2020-04-04

angular学习笔记(十二)-控制器

本篇主要介绍控制器:控制器在前面的例子中已经大量的用到,它的作用主要是:控制某块视图,通过$scope向这块视图提供数据,函数,并且监视需要被检测的部分,当发生变化时,做出相应的动作,从而起到控制该部分视图的作用为了保持控制器的最小化和可管理,应该为视图中的每个功能都创建一个控制器,比如,有一个菜单,就创建一个menu...

angular学习笔记(十一)-表达式

本篇只要介绍angular表达式:在之前的例子中,我们多半是直接把数据作为angular标识符的值,但其实可以使用表达式来做更多的事情:比如:{{number}} 也可以是: {{number+10}}(将数据进行简单的运算)也可以是:{{someFun()/10}}(调用方法得到结果,同时经过简单...

angular学习笔记(十)-src和href处理

本篇主要介绍angular中图片的src和链接的href的处理:用到了以下两个属性:ng-src:绑定了数据的路径表达式ng-href: 绑定了数据的路径表达式例如: <!DOCTYPEhtml><htmlng-app><head><title>7.1...

angular学习笔记(九)-css类和样式3

再来看一个选择li列表的例子:点击li中的任意项,被点击的li高亮显示:<!DOCTYPEhtml><htmlng-app><head><title>6.3css类和样式</title><metacharset="utf-8"><script...

angular学习笔记(九)-css类和样式2

在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名:我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框.错误框的类名是.err,警告框的类名是.warn:<!...

angular学习笔记(九)-css类和样式1

本篇主要介绍通过数据绑定来给元素添加特定的类名,从而应用特定的样式从一个最基本的例子来看:<!DOCTYPEhtml><htmlng-app><head><title>6.1css类和样式</title><metacharset="utf-8">&...

angular学习笔记(八)-控制视图显示隐藏

本篇介绍angular控制视图的显示和隐藏:通过给元素添加ng-show属性或者ng-hide属性来控制视图的显示或隐藏:ng-show:绑定的数据值为true时,显示元素,值为false时,隐藏元素ng-hide:绑定的数据值为true时,隐藏元素,值为false时,显示元素(其实只要用到其中一个就可以了)下面来看个...
首页上一页...278279280281282...下一页尾页