00:00
我们再把这个知识点讲了,还有一个常用指令二,这个倒是没有多少。来,把prepared写好了,给大家打开。功能叫什么呢?第一个移入移出切换背景色,第二个是我这个ul的背景色是隔行。变色以后你们做一些需求的话,经常会碰到这种。呃,隔行变色,那么这个时候我们先来看哎基本的内容。常用的指令这有这么多,来,我们先把基本的实现了吧,首先你得去接管区域啊,按点module。我都忘了,其实我这好像也有快捷键,但是好长时间我没用它。这来了就叫my control。接下来来一个function Dollar scope。
01:03
那body这上来第一步我们应该是写NGB玩B,这是不是相当于接管了。接下来来个div,我们去。用个NG controller,让它指向的是我这个,哎,控制器的构造函数名字。那在这个下边诶。我们开始写,写上来,他有div,我说的div就是这个。这没问题吧,有一个宽高,有个背景色,那我们可以去写写他来一个。这没问题吧,比如说来个200,再来个。它也是200宽高,还有一个background。来个。吧。打开我们的。现在我们这个div是不是有了,Div有了以后,哎,那这样的话,我们刚刚那要是写在style里面,这是我们之前就懂的。
02:03
而在安拉里面,他又推出了一个指令,大家先看这个。叫恩基斯代尔,其实到现在你们有没有发现安格拉这些指令其实也好懂,是因为他根据原先的那个稍微改了一下,就是前面全部加了一个什么NG。NG style这个指令它可以动态的去引用,通过GS指定的样式,注意这个。对象,而这个对象里面你的这些样式,你比如background,它是属性名K值,而这个value是否我们要设置的一个背景颜色。那这个时候大家看我可以把这个先删了它。这个先不用。哎,然后呢,我后边用个NG style去代替它。我这个老跑。我是电脑是来了,刚修好了。
03:02
所以说还是有点儿问题。来这个NG style,我问答这应该怎么写啊?他这是不是要通过要指定个样式对象,所以我们上来第一步应该是先去给他一个对象来,我在这设一个background,我问大家我能不能在这写这样写个。我刚刚不是这样写的吗?你先去刷新一下,看一下。没有啦。这肯定是哪出问题了,其实看这就能看懂。那别的问题。我们之前background如果说写在这儿的话,没有任何问题。那为什么我搬到这儿来,哎,他就会。不行了。你现在这是一个GS的对象。
04:01
而我最终backgroundlo应该对应的是一个字符串,如果说你直接写出来,它相当于是一个变量,能懂不?所以说这千万不要忘了加这个引号,让它变成一个字符串。来再来看一看刷新是不是又出来了,出来了以后我们可以去检查一下。其实大家看一下我NG style虽然说用了,但是它最终的效果还是给我加回到那儿了,Style标签了。能懂不?你只有加到style了,我的样式才能干嘛生效?才能生效。那为什么要提供这个指令呢?其实写法不是这样的,你看这是一个对象吧,我把它拆走。我定一个变量。然后呢?到伏,我把这个变量初始化在我的作用对象里面,让它去等于刚刚那个。
05:04
我是不是有个属性叫back g?Ground,这是red。我这样写大家能能理解吗?他这不是指向一个变量吗?而一看到是变量,我是不是去我当前的作业对象里面去,要相当于又把这个是不是搬回去了。那我们来看一下。效果还是一样的,那这样写的话有什么好处呢?方便你之后去操作它,操作它。哎,方便我们去操作它,接下来再给大家看一个属性。我们马上要实现一个叫鼠标移入移出的项目。在咱们原生的里面,是不是应该是这个。前面加一个谁啊on,这没问题吧,现在它和C那些原理一样,把那个on去掉,换成了NG杠。
06:04
哎,你好懂,貌似英特尔代表是鼠标移入,貌似div鼠标移出。来,我们写一下。这个div因为要写的东西太长了,我直接在那换了一行啊,NG,呃,Mo in特,比如说我去第一个回调就叫in特尔,这没问题吧,那这个方法你是不是还得提前去在这定义一下,哎,这个是鼠标移入的方法。Dollar scope,点这小写啊。等于一个方程。这是不是拼错了?现在没问题吧?那当我一路的时候,我要干一件什么事情啊?你是不是切换那个背景字啊,现在我需要去考虑它上面这些东西吗。其实我们只需要改这个对象是不是就可以了?
07:01
你可以怎么写,你可以写成比如说Z点。首先你得先找到这个my style,它是一个对象点background现在是一个属对象里面的属性。我是不是可以这样去操作。之前能够老师带你们是经常用这个,特别受不了他啊,大男人老喜欢粉色,来吧。咱还是上吧。来,我们来看一下。刷新一下是不是变了,那接下来移出这个,对于大家来说应该是小菜一碟了。啊,一路的话你能实现了,移出的话,无非不过是还有个指令叫毛定义了,那这个方法你给它定义了,定义了利用方法,你在这初始化一下是不是就行了。CTRLC来往下拿一块,但是不要忘了把这个换掉。当我移出的时候,我再让它变回。红色是不是就OK啦?
08:03
这不就好了吗?哎,好像有点不明显。或者他吧。没问题吧?为什么之后是这样?是因为我这儿没换过来。你把这个改成brain,它不是一直是来回的切换吗?没问题吧,嗯,其实我呢,之前我打小就喜欢绿色。我真的,我觉得绿色就是你累了就或者烦躁的时候看绿色容易让你放松下来。但是长大了以后,自从呢,我懂得绿色的含义以后,我再也不敢跟别人说我喜欢绿色。这个不能瞎说啊。来整完这个以后,那下面这个还有个NG class,这个我们没整,那我们快速的把它整一下。我呢,先去初始化一个数据Dollar sc点还是来一个persons吧,顺便呢,我们把那个NG repeat再念一下,因为这个NG repeat经常用到。
09:11
走,你。这随便改改。现在我这个数据有了,来,我们去整一个URL。来一个啊,来先把那个数据动态的展现怎么写。你得用到一个指令叫NG repeat,这个我就证明一下,我为了证明一下,我这儿可以随便写左边那个,哎,但右边这个不能随便写啊。来,这是叉叉叉点U内,现在这个叉叉叉相当于就是我变离出来的那个。对象叉叉叉点H。刷新走,你是不是出来了,出来了以后,我们把这个需求做了动态的去添加一个背景颜色。
10:01
而且人家是隔行变色,那这个时候我在这儿提前准备了两个class,两个类。哎,一个疑问病,一个奥病,它俩唯一的区别,把这个换下。背景颜色不一样。那如果说按照我们之前的认识的话,我上来就可以给他一个class。这没问题吧,你如果说想用它,你是不把这个拿过来给他就行了。相当于给它添加一个类目,但是这样的话有一个问题啊。我用哪个类统一的也是清一色都是这个背景颜色。你根本区分不出来。那这个时候怎么办呢?来看这个。NG class。首先这个指令也是动态的引用定义的样式。注意看后面又是一个什么。这是不是又是一个对象,而对象里面的介质对,给大家说一下它俩的成分。
11:02
前面这个是你要动态的去引用的样式类。就class,而后边对应的是一个什么布尔值。当我这个类对应的布尔值为处的话,表示我要去用这个类。当为放的时候,其实你这等于没写。不用他们。能懂不?那这个时候来我呢,应该是先把它换成NG。但这时候,这就不能这样写了。它和我们的上面的NG style一样,要指定的是一个对象。在这个里边注意了,我这不是有一个类吗。类是属性名,它对应的是。不而知,我呢,先给他一个处,目的是为了我想看到这个颜色还在刷新。颜色是不是还在那同理把下面这个来绿色这个给它换过来,这个类。
12:02
换到这儿没问题吧。再一刷新,是不是变成绿色了?那这样的话不行啊,写死了写死了,那再来一个吧,呃,Old的B,然后这是个1B。那你说怎么让他隔行变色呢?说白了,我有一行是用这个类,有一行是用这个类。其实我定义这两个类名已经提示你们了。对,咱们刚刚在学这个NG repeat的时候,它最终是不给我们提供了两个属性,一个叫Dollar old,一个叫Dollar e。他俩是不是可以根据下标索引去判断你的是否是奇偶?是否是奇偶性的话,那这个时候我是不是正好能利用它那个属性。
13:00
没关系啊,咱们再看一眼。不就这俩吗?这俩反馈给我们的是不是就是物?正因为它反出来的是布尔值触和false,那我是不是正好能应用到这个位置?所以我这儿可以放一放。他那这个来个Dollar佛。我先问一下大家,这两个在某一个时间段会都是处吗?或者是都是放嘛,他俩肯定是对立面吧。走,你。虽然说这个颜色搭配的不太好,但这个效果我们是不是出来了,嗯,效果出来了。红配绿。那这样的话,这些常用的指令就都给大家过了一遍,嗯。
我来说两句