1:整体布局---局面写好
a:要用两级ul li;
2:PHP数据的输出可以实现
3:数据联写好了
4:问题,ng-bind用在div里面绑定,ng-model用在input里面绑定,都没法传到后台去
5:item.gnum=item.gnum*1+1 加减数量可以实现,需要把字符串转化为数组,*1 即可
6:<input ng-model="name">
<p>input 输入框的值绑定了变量 "name" :</p>
{{name}} 直接输出到页面
7:限制输入框最小值通过type为number用min来实现
<input type="number" ng-model="item.gnum" class="jdab2c1d1f1g1h6" step="0" min="1">
8:两个for循环套在一起,变量都用i的话只能循环一次的问题,变量要一个用i一个用e
if($scope.selectAll=true){
// console.log("if1");
for(i=0;i<good.length;i++){
var mm=good[i].id;
console.log(mm);
for(e=0;e<$scope.goods0.length;e++){
if($scope.goods0[e].id==mm){
$scope.goods0[e].state=true;
console.log($scope.goods0[e].state);
}
}
}
}
9:selectALL,因为是repeat出来的,一个变成true,就都变成ture,怎么才能分开呢?肯定要用到下标。
ng-click="all(good,$index,selectAll)" 这里是可以成功地传3个参数过去的 把$scope.selectALL 换成 selectALL就行了
10:明明有十件商品,为什么只打印出来9件,还有一个苹果为什么没有打印出来?原来是自己的代码写错了
11:为什么会出现大片的空缺?还是自己的问题,虽然设置了relative,但高度太高了,可以放两个
12:关于margin-bottom不起作用的问题,这个本身是下边框,是推下面的元素,而不是控制自己,可以用bottom,测试成功;使用负值还需要测试,测试发现没啥反应;
13:pointer-events: none;禁止点击区块存在会不会穿透的问题,可以通过改变层的方式解决
14:关于子元素继承父元素透明度的问题,父元素要这样设background-color: rgba(0,0,0,0.5)!important;
background-color: #000;filter:
Alpha(opacity=50);,然后子元素加上定位。
15:删除数组中的一个指定元素,控制台可以打印出新的数组,可是页面ng-repeat出来的元素却没有跟着改变,为什么?而且那个位置的元素本身已经不存在,点击也变成了别的,可是页面却没有改变!
采用ng-if在原数组里绑定一个参数的方式太麻烦了要改动的太多了,如果采用单一的元素呢?为什么改变数组能够刷新,而移除数组元素却无法刷新呢?而且宁可出现负一的下标,页面数据还是无法刷新。
即便是彻底移除一个元素,使用ng-if判断下标是否为负一,还要多点几次才行,不是及时刷新的
1:把数量减少 2:删除品牌下一个商品 3:品牌为空,删除整个品牌
数量减少可以正常反应,删除一个商品,下标错乱了,采用循环的方法:可以删除,但最后一个删除不了,为什么?而且连减少数量都不行了,实际上下标已经转移了,数量也已经绑定到下一个元素上了;存在顶级数组被修改了,但是次级和次次级数组里的元素没有被修改的情况,只能在点击事件里面再从新运作一次。,可以成功;
17:单品牌全选--已经实现---所有品牌全选没有实现,单一商品取消之后全选随之取消没有实现
18:ul li 存在默认偏移的问题,要设置margin:0; padding:0;,然后再调
19:还有模态框的问题没有解决
20:.
9:最终的目标是实现移动端的应用,--关键点就是那个滚动条--
1:尝试合并引入的文件;合并之后似乎已经变成手机端,但是手机端查看什么都没了
模板的手机端测试还是存在的;--手机端适应为什么会完全死掉?
2:注视掉一个适配之后,可以显示,但是变小了,应该是比例的问题
3:就算消掉主容器的所有样式,为什么还是那么小?
4:不是引入文件的问题,原来的文件在手机端也很小,为什么?
5:看样子应该是根据pc版等比例缩小了
6:跟定位有关系,去掉定位之后引入文件就好了
7:全选和取消全选始终是个问题--
21:最主要的几个问题,1:全选--可是实现,这个简单
2:全部单页面删除--原来的bug是因为删除一个下标就变了--倒着删是可以的
3:选择框默认值---采用非的方式保留一个不用repeat的值
4:单选取消的时候,全选自动取消--还是搞不定;
5:重复代码的合并,用一个函数封装,其他调用这个函数;--普通的return不行,估计要用到工厂
函数了;
6:点击两次加入购物车出现bug;--直接用不等于id不是不行,而是循环函数的变量不能都用i,
要换成其他的,而且不要有重复的;采用再创建一个新的空数组id相等则加入数组,然后再
判断数组是否为空,这样可行
7:点击获取select选中的值;--js里面设置一个空值是可以的--单页面全选的问题可以解决