美文网首页
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