美文网首页
AngularJs学习笔记(一)

AngularJs学习笔记(一)

作者: ysy32020 | 来源:发表于2016-08-21 16:04 被阅读0次

工具

  • log.io
  • express.js
  • app.js

开发、测试、调试工具

  • Batrang
  • nodejs
  • grunt

使用控制器的注意事项

  • 不要复用控制器
  • 不要在控制器里操作DOM
  • 不要在控制器里做数据格式化(用ng的表单控件)和数据过滤(用ng的$filter)
  • 不要互相调用控制器

MVC借助于$scope(作用域)来实现

  • $emit("event"): 所有节点
  • $broadcast("event"): 同级及以下节点

$scope(POJO)

  • 树形结构,与DOM标签平行
  • 提供方法: $watch()和$apply()
  • 可传播事件,可向上也可向下
  • angular.element($0).scope()调试

双向数据绑定

  • 为了避免未加载完成时出现{{}}, 首页使用ng-bind显示数据,其他页面使用{{}}
  • 通过数据改变视图

ng-class

  • 可接受表达式: ng-class='{error: isError, warning: isWarning }'

动画效果

  • css3 @keyframes animation
  • ngAnimate ng-entry ng-leave

相关文章

  • angular学习资源整理

    中文学习资源: AngularJS学习笔记 – 邹业盛

  • AngularJs学习笔记(一)

    工具 log.io express.js app.js 开发、测试、调试工具 Batrang nodejs gru...

  • spark_learn

    Angular2学习笔记——NgModule es6 新增的map和foreach AngularJS2.0 学习...

  • angularjs学习笔记

    1、$event.stopPropagation(); 阻止事件冒泡。

  • AngularJS学习笔记

    Angular.js简介 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静...

  • angularjs 学习笔记

    应该熟练应用基本属性及指令比如:ng-model ng-if ng-repeat ng-show 变量输出等 清...

  • AngularJS学习笔记

    引入angular.js 若在页面中引入了angular.js并添加了ng-app="app" ng-contro...

  • Angularjs学习笔记

    表达式 AngularJS 的表达式写在双大括号内{{ expression }},这把数据绑定到HTML。表达式...

  • AngularJS学习笔记

    1、什么是angularjs AngularJS是一个框架(诸多类库的集合)以数据和逻辑做为驱动(核心)。 Ang...

  • AngularJS学习笔记

    1. 介绍 AngularJS是一款由Google公司开发维护的前端MVC框架,其克服了HTML在构建应用上的诸多...

网友评论

      本文标题:AngularJs学习笔记(一)

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