toDoList是待辦事項列表躲查,功能簡單酌心,只有事項的添加和狀態(tài)的修改(進(jìn)行中 and 已完成)。本程序使用node.js 和angular.js 蚤霞。用webpack進(jìn)行管理酗失。
程序源碼參見:https://github.com/IceMao/toDoList
創(chuàng)建過程中需要注意的點(diǎn):
- 事項列表類型為對象數(shù)組,包括兩個參數(shù)昧绣,change(checkbox狀態(tài))和name(具體事項)
a) 其中checkbox的狀態(tài)判斷使用 (不使用filter)
ng-if="x.change === true/false"
--->注意== 和=== 的區(qū)別规肴, - 遍歷對象數(shù)組
a) 存入元素:
$scope.list.push({change:false,name:$scope.write})
其中$scope.write是頁面輸入事項時需要的變量
b) 遍歷數(shù)組:
ng-repeat="x in list"
x.name ....x.change - 通過ng-click=""方法,放在checkbox上面夜畴,用來判斷當(dāng)為true或false時需要執(zhí)行的行為
- package.json中的"start"不寫拖刃,在npm start時會報錯“...start missing”
注意:
1.== 和 ===
雙等號
比較值是否相等不會比較類型
三等號
比較值和類型是否相等
例如:
1== true // true
1===true //false
此外:
- 關(guān)于輸入命令 npm start 運(yùn)行后報錯
錯誤1. webpack-dev-server不是內(nèi)部或外部命令
原因:可能因為項目文件夾的位置改變
解決:刪除node-module文件夾,并重新 npm install
錯誤2. Error:Connot find module "webpack-dev-middleware"
原因:沒有安裝node-module需要的包
解決:npm install
- 關(guān)于 運(yùn)行項目后 angular undefined的錯誤
原因:沒有引入angular.js
解決:在入口文件/使用的js文件上面寫 angular=require('angular');