toDoList小結(jié)

toDoList是待辦事項列表,功能簡單,只有事項的添加和狀態(tài)的修改(進行中 and 已完成)。本程序使用node.js 和angular.js 。用webpack進行管理。

程序源碼參見:https://github.com/IceMao/toDoList

創(chuàng)建過程中需要注意的點:

  1. 事項列表類型為對象數(shù)組,包括兩個參數(shù),change(checkbox狀態(tài))和name(具體事項)
    a) 其中checkbox的狀態(tài)判斷使用 (不使用filter)
    ng-if="x.change === true/false"
    --->注意== 和=== 的區(qū)別,
  2. 遍歷對象數(shù)組
    a) 存入元素:
    $scope.list.push({change:false,name:$scope.write})
    其中$scope.write是頁面輸入事項時需要的變量
    b) 遍歷數(shù)組:
    ng-repeat="x in list"
    x.name ....x.change
  3. 通過ng-click=""方法,放在checkbox上面,用來判斷當為true或false時需要執(zhí)行的行為
  4. package.json中的"start"不寫,在npm start時會報錯“...start missing”

注意:

1.== 和 ===

雙等號

比較值是否相等不會比較類型

三等號

比較值和類型是否相等

例如:
            1== true  // true
            1===true  //false

此外:

  1. 關(guān)于輸入命令 npm start 運行后報錯
錯誤1. webpack-dev-server不是內(nèi)部或外部命令
 原因:可能因為項目文件夾的位置改變
 解決:刪除node-module文件夾,并重新 npm install
錯誤2. Error:Connot find module "webpack-dev-middleware"
 原因:沒有安裝node-module需要的包
 解決:npm install
  1. 關(guān)于 運行項目后 angular undefined的錯誤
    原因:沒有引入angular.js
    解決:在入口文件/使用的js文件上面寫 angular=require('angular');
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容