上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

开封网站优化

1. <div ng-controller="myContrl">    
     <h1>{{lastname}}家族成员：</h1>    
     <ul>        
       <li ng-repeat="x in names track by $index">
         {{x}}.{{lastname}} 
         <button ng-click="delPerson($index)">删除</button> 
       </li>   
     </ul>    
     <p>添加成员：    <input type="text" ng-model="name" placeholder="请输入需要添加的成员名字"></p>
     <button ng-click="addPerson(name)">确认添加</button></div>

   尝试一下 »

   上面是代码，直接从webstrom里面复制过来的，运行正常；

   我在使用 ng-repeat 循环的基础上利用我会的有限的知识扩展了一下功能，加了两个方法，一个是 addPerson(),添加新的成员，一个是 delPerson(),删除现有成员；都是利用 $scope 实现的，angular会自动监控，一旦存放循环对象的数组 names 里面的数组对象出现变动，都会实时更新并反映到页面的显示上。所以我的添加和删除功能也是根据这个特性实现的。我最主要想要反映的是 ng-repeat  的循环对象是不能出现重复项的，所以如果有重复的就会报错，应该是 key value的问题吧，不是很了解内部运行机制；经过查询发现 在 循环后面加上  track by $index 就会解决问题，也就可以有重复对象了

   breaty

      breaty

     bre***_bfd@163.com

   4年前 (2017-11-18)

2.    好久不见

     178***38199@163.com

   5

   @breaty，ng 同样是使用双向数据绑定的原理，当数据发生变化的时候就会进行一定更新，ng-replace 和 vue 中 v-for 一样，在遍历循环的时候都是需要进行一个 key 值唯一值，不然其无法辨别这个数组中每条数据的唯一性

开封网站优化

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）