京东购物车 angularjs+php

最新推荐文章于 2021-03-12 09:44:13 发布

邱家少爷

最新推荐文章于 2021-03-12 09:44:13 发布

阅读量357

点赞数

本文链接：https://blog.csdn.net/qq_39047764/article/details/79405797

版权

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来实现

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：全选和取消全选始终是个问题--