17. 尚硅谷_AngularJS_练习2_添加功能实现.avi原创

我们去做这个添加的功能。咔咔咔移动输入，然后点击添加，塞进这个数组里面。知道不？来。不要多想，你们以后开发也是这样，这个需求一步一步来点击添加，那你首先你是不是得找到这个B。然后呢？点击时候添加啊，那少不了NG click吧，来一个end表示添加，那这个时候你是不先回头在那去定义。这一把应该是添加的方法没问题吧，当我点and，我让它等于function。这不基本的东西就写完了吗？那当我点击这个八字的时候，我要去干嘛，大家说。哎，这是关键，你是不得知道我这个input的收入的内容啊。也说对应的在我们这儿应该是先去，哎，收集整理数据啊。

整理的数据就是他这输入的吧，那你现在想要拿到它的数据，我们是不是应该先提前给他关联好。这叫个牛土豆。这没问题吧？然后。怎么整？也就现在当用户一输入的话，这个这不就是用户输入的内容吗。你你得想办法，是不是塞到下面这个列表里。你看我之前写好这个添加进来，无非不过是你之前便利的那个多次数组里面多了一个对象。能理解吗？你动态的去改那个数组吗？因为你这便历显示的内容不就是便利我的数组本身吗？那我问一下大家，现在我这个数据拿到了，我能直接插到这个数组里面吗？

这不是这个速度吗？你比如说添加的方法，你们知道哪个了，一个push，一个shift，但是我们这把是用on shift。为什么？不是添加到最前面吗。我问他，我能直接把这个放进来吗？为什么不行？那有的同学已经发现这个断点了。我上面这个数组都有一个共性是每一个个体都是对象，而这个对象里面必须有两个属性。为什么说必须有？因为我肚子最终是不是要在这边便利啊，我拿到了这个对象，我要通过点一个东西，要拿到它对应的值了。那也就是说，你现在虽然说拿到用户收集的这个数据了，你根本不能直接添加进去。这也就是我第二步，为什么这多了个叫整理。

你在添加之前应该是先去，哎分装一个。对象能不能懂？对象里面有个属性叫name name对应的值才是用户输入的值。能理解吗？那还有一个东西呢。是不是就是他？它初始化没什么，这想都不用想，肯定是Bo，而你最近呃，最最终要往这里边on添加的是不是就是它。这个大家能懂吗？来。刷新，诶诶走你。进来了吧。现在有没有同学想过我这不是添加进来了吗？有没有同学想过我，我能不能这样？等于它。你是添加完了，我把添加的速度复制给他行不行。

没问题吧？有没有问题？这个不就是最终变列的数组吗？那这个不是阿天下的最新的数组吗？行不行大家说。为什么不这样？我问你这个是想让大家记死了，按shift push这些他们添加完，千万不要想着再去给原来的东西赋值。因为这些方法有一个共性，它的返回值是我最新数字的分子。这个讲过吧。说白了是返，返回最新数组的程度。所以你千万不要在这去干嘛。去复职。那当他添加完了，提高一下用户体验，就是把用户之前输入的东西图给他。清空是不是就好了？刷新。

走你好了吧，然后再添加这些这些小需求也不难。就是你限制一下拿到用户是不是内容，我是不是可以去判断一下。这个我们时间关系就。其实你可以先做一下，快的很。上来，当我添加的时候，我应该是判断用户输入的内容是否，比如我就合好了。If，如果说用户输入的内容。不合法有两种情况。大家想，如果说我上来我压根用户没输的话，你那个度对应的值是什么。好。我这儿不是关联了六七度吗？但是我有在这边初始化吗。没有，那你直接添加的话，那个值是什么。你刚刚遇到过？

UnDeFined。你问这个对象里面是不是要有个属性叫new度啊，他是不是没有，没有的话不就安find吗？什么时候有看着。只有用户输入的时候是不是才有。那也就是说你可以给他干嘛？如果是用户没有操作过的话，这是安顿饭的水板的话是不是没错。然后呢，你可以提示一下他，哎，输入的内容不能为空，但是千万不要忘了最重要的一步。Return，如果说不return的话，我下面的逻辑是不是还会继续执行啊。这没问题吧，然后走你。哎，添加的功能不能。