美文网首页
toDoList小结

toDoList小结

作者: IceMao | 来源:发表于2016-08-09 23:23 被阅读0次

toDoList是待办事项列表,功能简单,只有事项的添加和状态的修改(进行中 and 已完成)。本程序使用node.js 和angular.js 。用webpack进行管理。

程序源码参见:https://github.com/IceMao/toDoList

创建过程中需要注意的点:

  1. 事项列表类型为对象数组,包括两个参数,change(checkbox状态)和name(具体事项)
    a) 其中checkbox的状态判断使用 (不使用filter)
    ng-if="x.change === true/false"
    --->注意== 和=== 的区别,
  2. 遍历对象数组
    a) 存入元素:
    $scope.list.push({change:false,name:$scope.write})
    其中$scope.write是页面输入事项时需要的变量
    b) 遍历数组:
    ng-repeat="x in list"
    x.name ....x.change
  3. 通过ng-click=""方法,放在checkbox上面,用来判断当为true或false时需要执行的行为
  4. package.json中的"start"不写,在npm start时会报错“...start missing”

注意:

1.== 和 ===

双等号

比较值是否相等不会比较类型

三等号

比较值和类型是否相等

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

此外:

  1. 关于输入命令 npm start 运行后报错
错误1. webpack-dev-server不是内部或外部命令
 原因:可能因为项目文件夹的位置改变
 解决:删除node-module文件夹,并重新 npm install
错误2. Error:Connot find module "webpack-dev-middleware"
 原因:没有安装node-module需要的包
 解决:npm install
  1. 关于 运行项目后 angular undefined的错误
    原因:没有引入angular.js
    解决:在入口文件/使用的js文件上面写 angular=require('angular');

相关文章

网友评论

      本文标题:toDoList小结

      本文链接:https://www.haomeiwen.com/subject/vdidsttx.html