angularjs按商品型別,點選加入購物車

2021-08-09 18:02:43 字數 1178 閱讀 7805

lang="en">

charset="utf-8">

titletitle>

style>

src="angular-1.5.5/angular.min.js">

script>

/*宣告模板*/

/*為模板新增控制器*/

($scope) ,,,

],products: [,,

,,,,

,,,,

,,]}

/*判斷彈出框*/

$scope.fun=function

() }

if(n==0)else

if(n>=2)else

if(n==1)

}/*加入購物車*/

$scope.cart=;

$scope.add=function

(item)else

};if(has==false));}}

})script>

head>

ng-controller="myctrl">

ng-repeat="item in data.categories">

type="checkbox"

ng-model="item.check">

}li>

ul>

ng-click="fun()">選取對應按鈕button>

商品類別td>

商品名稱td>

商品**td>

新增購物車td>

tr>

ng-repeat="item in data.products|filter:sel">

}td>

}td>

}td>

ng-click="add(item)">新增購物button>

td>

tr>

table>

產品th>

數量th>

**th>

小計th>

tr>

ng-repeat="item in cart">

}td>

}td>

}td>

}td>

tr>

table>

body>

html>

優化商品型別的方案

一 優化商品型別的方案選擇 1 後台管理 redis快取 2 主頁 頁面靜態化 二 為什麼要對商品型別進行優化 面試 三 實現 1 搭建公共的服務模組 2 測試 eureka中有服務 四 redis公共服務 1 新增redis的依賴 2 匯入redis的工具類 3 完成redis的訪問值的介面 re...

angularjs商品管理系統

入庫 貨物名稱 貨物數量 貨物產地 貨物單價 貨物的生產日期操作 新增產品 貨物名稱 貨物數量 貨物產地 貨物單價 var aa new date scope.counts 按數量正序 按數量倒序 var good 1 scope.goods good 1 scope.xl function els...

CE認證產品型別

1 電源ce認證 通訊電源 開關電源 充電器 顯示器電源 led電源 lcd電源 不間斷電源ups等 2 燈具ce認證 吊燈 軌道燈 庭院燈 手提燈 筒燈 led路燈 燈串 檯燈 led射燈 led球泡燈 格柵燈 水族燈 路燈 led燈管 led燈具 節能燈 t8燈管等 3 家電ce認證 風扇 電水...