toDoList是待办事项列表,功能简单,只有事项的添加和状态的修改(进行中 and 已完成)。本程序使用node.js 和angular.js 。用webpack进行管理。
程序源码参见:https://github.com/IceMao/toDoList
创建过程中需要注意的点:
- 事项列表类型为对象数组,包括两个参数,change(checkbox状态)和name(具体事项)
a) 其中checkbox的状态判断使用 (不使用filter)
ng-if="x.change === true/false"
--->注意== 和=== 的区别, - 遍历对象数组
a) 存入元素:
$scope.list.push({change:false,name:$scope.write})
其中$scope.write是页面输入事项时需要的变量
b) 遍历数组:
ng-repeat="x in list"
x.name ....x.change - 通过ng-click=""方法,放在checkbox上面,用来判断当为true或false时需要执行的行为
- package.json中的"start"不写,在npm start时会报错“...start missing”
注意:
1.== 和 ===
双等号
比较值是否相等不会比较类型
三等号
比较值和类型是否相等
例如:
1== true // true
1===true //false
此外:
- 关于输入命令 npm start 运行后报错
错误1. webpack-dev-server不是内部或外部命令
原因:可能因为项目文件夹的位置改变
解决:删除node-module文件夹,并重新 npm install
错误2. Error:Connot find module "webpack-dev-middleware"
原因:没有安装node-module需要的包
解决:npm install
- 关于 运行项目后 angular undefined的错误
原因:没有引入angular.js
解决:在入口文件/使用的js文件上面写 angular=require('angular');
网友评论