00:04
接着咱们上节课来讲啊,咱们接着看啊。我们刚刚利用安拉GS实现了一个就是和这块这个效果是一模一样的,然后这节课我们重点来看一下我到底写了哪些东西。啊,首先第一步引入安格拉GS,这就不说了,你用安格拉GS的库,你必须要引入它。然后一旦引入了安格拉GS以后,我在八这一块,我是不是写了个NG-APP啊。上来它可以去等于一个东西,但现在我们这儿等于的是空串,等于空串的话,通常大家会这样写。就是不信。NG-APP,那NG-APP它是一个什么东西呢?看这句话。它叫指令,哎,这个东西很关键啊,你们学习安拉GSES,一来是掌握安拉GS的一些,哎,敲门砖一它的一些核心思想,接下来在学view的时候,Viewvo借鉴的数据绑定就是安格GS。
01:14
所以说指令这一块很重要,大家一定要了解它,记住了,它叫指令。指令有一个特点,就是以NG杠开头,NG什么意思?NG其实就是安哥拉的意思。现在咱们不是NG-APP吗?哎,这这是指令的一个,它有很多的指令。包括你们在学view里面都是view u杠开头,View u,比如它,哎是VU的指令。我们来看一下NGB这个指令他干了哪些活。首先他告诉安格拉核心,也是安格拉GS的大脑,告诉他我管理当前标签所包含的整个区域。
02:02
当前的标签是谁啊?Body,你说他告诉安的核心说,哦,我现在要管理是body标签所包含的整个区域。说白了,最核心的是安格拉GS这个大脑,而NGP这个指令就像他的三军首领一样。他先去帮你去占地盘,哎,接管这一块区域也是告诉你,我们要接管body里边所有的区域。现在大家说我为什么写在八倍里边。咱们能不能这样,就是我写个div这来个NGAPP呢。可以是可以,但是你看一下这句话。他如果是放在这儿了,那么它管理的区域是不是变小了。变小了,后果是什么?在超出我这个div的范围,你安格拉GS是掌控不了。
03:02
一旦掌控不了了以后,那么再用安格拉GS的语法,你肯定会报错。所以记住了,NGB这个指令通常是放在哪。放在body这个标签上。哎,这是第一步,我们知道了,然后他说的是会自动创建一个,注意看这个叫Dollar root scope,哎,是连起来读。它叫什么跟作为对象root什么意思啊。跟的意思吧,Scope呢。叫玉。大家之前学GS的时候是不是讲过一个叫作用欲啊,记住了,这个作用域和你们之前学的那个作用域不一样。之前大家在学这个作用力,它只是表示的是一块范围。你比如说广场舞,那些大妈跳广场舞,这个广场是它们作用的范围。而咱们现在说这个根作用于记住了它是一个什么对象。
04:07
一说到对象,它是一个真真实实存在的。哎,而不是虚的,不是一块范围。好,这是NGP的作用,如何去看它的作用呢?现在就要用到我们的工具了,上来是不是什么还没有,大家点开这个工具,咔一点。哎,这个工具这能表示出一些东西。首先你看这这多了一个东西。是Dollar scope,这代表了就是我的跟作用于对象。哎,跟踪对象,我们刚刚看那饿了么里面是不是下面有很大一串数据啊,哎,这些数据接下来也能在这去展现它。第一个跟作业对象对应是谁生成的?就是刚才那个NGAPP。如何去证明它?最简单的是,你先把它干掉。
05:05
现在这什么没有了,没有了,我刷新一下,其实你看到这和之前不一样了。这,这出来的是什么?有同学说原码,其实他直接把我的语法是不是列出来了,而我们这上来根本不能让用户去看到这个,说明他现在页面肯定有不对的地方,你再点开这个工具,会发现这是个空白。因为没有去接管那一块区域,我阿拉GS现在根本发挥不了作用。哎,这是第一步,来,咱们把它还原一下就好了。接下来再看第二个,我在这个input这个文本框里边,我写了一个NG-model,再强调一遍,这叫什么东西?指令吧,好,那么这个指令后边我先和大家说,这是随便写,写什么都可以。
06:02
不是说必须写幼儿name。那我们来看一下那g model豆干了什么活?它将当前输入框的值与谁关联?关联的形式是属性名、属性值。然后它会作为当前作用于对象。现在NG model所在的这个作用对象是谁呢?就是NGAPP创建的这个叫。更作用于对象的属性。我这儿这个雨水水指的就是他。也就是说,N基玛道会与你当前所在的作用于对象关联。记住了,我现在是不是讲的概念叫作用于对象,而之前这是根作于对象,因为有根必有果,它下边含有作用与对象,是没有根本,有很多作用于对象。我们可以来验证一下。
07:00
刷新一下打开这个工具,诶这个工具有一点不好吃,一刷新它就关了。需要你干嘛再去打开它。我在NG model,这刚刚写了个叫什么U吧,来,我们来测东西啊。我先输入个A吧,大家看这个作用对象下面是不是有个键值,对呀,我对象的作用是什么?不就是管理这些属性,还有方法吗?现在是不是多了UR name的属性。而它对应的值是谁啊?是不是我这输入的值啊。那回头咱们再来看一下。他家当前输入框的值与谁这个谁,我说了现在所在的对象什么跟作用对象。关联,关联的形式是属性名、属性值。而我们刚刚这边看到了什么,正好是一个属性名属性值啊。属性名是哪来的?属性名是哪来的?
08:03
他随便来的吗?是我NG玛瑙后边指向的这个。他这个属性和它是一模一样的,比如说我换个叉叉叉。那我们再来看。来,我刷新一下,上来是不是还没用,然后我随便输个内容走你。这个属性名是不是就变成叉叉叉了,哎,现在大家知道,诶,进发到指向这个其实是属性名,而属性值就是它当前所在的文本框输入的内容。能懂不?哎,这是一个。当然,一般不会写叉叉叉的啊,我就写U26。啊,这第一个。再来看接下来我又在span里面是不是写了两个大括号,这叫什么?这叫表达式?哎,这都是一些专业术语,它叫表达式。它的作用是用来显示数据的表达式,表达式你顾名思义就是要表达出来一定的内容。
09:07
它的作用就是显示数据。这个数据从哪来?注意看,从作用于对象或者严谨的来说,可以说是这样。从当前作用对象指定的属性名上去,关键字是当前的作用对象,第二个是指定的属性名。大家看我在办,这是不是写了两个大,写了两个大括号?我这写了个什么,Your name。我为啥要写它呢,注意看。当我一输入A,这什么同步显示这个A啊,那么这个A,你结合着我刚才这句话,这个首先它这个内容上来是不是没有了。现在他要显示他是从哪儿拿的,从他要的还是从他要来的。
10:05
看这句话。从当前作用于对象,我当前的作用于对象是谁?是不是就是它跟踪有价,而且强调一个东西,它是指定的属性名上。我现在这个里边有个属性是不是叫UR name嘛,那也就是说他现在显示内容是不是问那个UR name要的。我怎么知道?他问我U2要的?是因为你表达式里面写的这个变量是不是就叫UR联盟,如果说我画个叉叉叉,我们再来看一下。刷新。首先我上面这没动,当我这个输入框一输入,我这是不是自动关联上了,那下面这大家看这一把有内容吗。
11:05
没有,是因为什么?他问我当前的作业对象,哪个属性要值?叉叉叉药吃,现在人家有吗?没有,所以这儿没有显示任何的内容。没有显示任何的内容。对,这些东西可能是第一遍,大家说哎,这么多东西记不住,其实也不多,对于对于你们来说。你想要显示数据,必须要问指定的属性名去要。那现在我讲一个概念,是两个大括号,它叫什么叫表达式。那为什么叫它表达式呢?是因为现在在两个大括号里边,我放置的就是我们GS的表达式。表达式这个概念大家应该是听过。与它对应的还有个叫语句,语句听过吗?
12:01
这个应该听过吧。那什么叫表达式,什么叫语句呢?之前有没有老师和你们说过啊,你写代码通常语句的最后要加一个分号结尾。这个说过吧,最后是不是要加一个分号,但我估计你们有时候是不是也不加。但不加的话,有的同学可能会有个疑问,我们不加肯定也不会报错吧?那那为什么要加呢?是因为语句它有一个特点,它通常是以分号结尾,它和表达式的区别就在这,通常以分号结尾,就像咱们刚开始上学的时候,语文它里面是不是有句号?你写一段话,一个段子,最后结尾是不是要加一个句号表示当前,这一句话是不是说完了?而在我们代码里面,你写一个语句,加一个分号,表示当前的语句,到这结束。
13:02
哎,语句最明显的一个区别就是以分号结尾。我们有时候不加他照样执行,是因为什么?它会自动帮你补全,有时候会自动帮你,如果说不补的话,不出错误也没关系。而表达式是什么意思啊?表达时就是要表,表达出来一定的结果。这个和语句对比的去看的话,有一个很明显的特点,语句可以执行表达式,不能表达式只是负责表示。比如说我写conslo,大家说这是表达式还是语句?嗯。是表达式还是语句,你就看他能不能干嘛,能不能执行。可执行了,它是语句,执行不了的是表达式,那我写一个UR name嘛,比如52UR内这个变量,我问题大了。它是表达式还是语句?
14:02
To your。是表达式还是语句?他能执行吗?执行不了吧,执行不了它就是表达式,那我再写个一呢。这也叫表达式。要表达出来的结果就是一。有一些特殊的啊。怎么广告也出来了?一加二告诉大家,这种的也叫表达式,它叫运算表达式。是的,一加二是不是要求运算,哎,它叫运算表达式。在语句里面也有一个特殊的,大家经常说if语句,If语句上来就提到它是个语句。但是if语句。结尾用不用加这个东西。你们写业务语句有加构封号没有?加过。
15:00
If语句结尾不用加括号。但它是一条完整的语句,哎,这些都是一些特例。下来,既然大家不知道,那我写的这些东西一定要去看一看。要去看一看。在这儿呢,都给大家去详细的去列出来了。没问题吧?来吧,我们刚刚其实就写了这三种东西,嗯。我先把这个停一下吧,啊,你们先休息吧。
我来说两句