为了账号安全,请及时绑定邮箱和手机立即绑定

AngularJS实战

难度高级
时长 7小时13分
学习人数
综合评分9.57
303人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.3 逻辑清晰
  • 首页或者第一个页面有数据绑定的话,用ng-bind,只要angular.js加载完后其他视图用{{}}绑定数据 ng-bind和{{}}作用是一样的,只不过好看一些 一般情况下: - index用ng-bind - 其他页面用双花括号
    查看全部
  • 1.scope:{},创建独立作用域 controller:function($scope){}暴露一组公共函数给外部调用 link方法用了处理dom元素,事件和监听行为 2.directive中link方法有4个参数,3个常用的为 scope,element,attr. 3.注意:页面元素上驼峰法则书写的属性,到js里要改为小写 属性 howToLoad写进方法被转换成小写的howtoload scopr.$apply(小写) 4.controller 与 link 之间的逻辑选择: controller:想要让指令暴露出一些方法给外部调用 link:处理指令内部事物,给元素绑定事件、绑定数据等。 5.require 表示指令依赖。在使用 require('^superman')<br> 后 ng 会自动把 superman 的 controller 注入到 link 函数的第四个参数里。(controller 就是我们之前在 superman 指令里写的 controller)
    查看全部
    2 采集 收起 来源:指令(3)

    2018-03-22

  • js:directives[expander] -> cope:{title:'=expanderTitle'} tpl:<expander expander-title></expander> 坑啊,这两个expander title 是同一个东西,写法还不一样,都小写不就好了。。。
    查看全部
    2 采集 收起 来源:指令(6)

    2018-03-22

  • 本节重点在于ui-router的使用,与ngRoute的区别是: 1、可实现路由分开控制多模块页面的各个模块 2、index.html中的视图部分为&lt;div ui-view&gt;&lt;/div&gt; 3、需要依赖ui.router,函数需要引入$stateProvider及$urlRouterProvider 4、语法类似ngRouter
    查看全部
    2 采集 收起 来源:路由

    2018-03-22

  • 一个完整的项目目录结构实例
    查看全部
  • createInjector 创建注册器
    查看全部
  • directive 添加scope:{},意思就是创建独立作用域
    查看全部
    1 采集 收起 来源:指令(3)

    2016-04-11

  • ctrl+shift+k删除一行
    查看全部
  • 4大核心特性
    查看全部
    1 采集 收起 来源:快速上手

    2014-12-12

  • A:AngularJS的Controller--MVC基本思想: 1)正确:一个控制器只负责跟一个视图发生交互,多个视图共用一个数据模型, 通过Service,把控制器中通用的东西抽成一个服务,让控制器去调用它; 2)错误:控制器中有通用内容,抽出来通用控制器后继承它; B:Controller中避免以下操作,注意第五点: 1)不要复用Controller,一个Controller只负责一个视图; 2)不要在Controller中操作DOM; 3)不要在Controller中对数据格式化,AngularJS有表单控件; 4)不要在Controller中对数据进行过滤,ng有$filter服务; 5)Controller不会相互调用,避免强耦合,用数据模型事件交互,Controller内部监控事件进行操作;
    查看全部
  • jhh
    查看全部
  • MVC 为什么不是设计模式 这里 http://damoqiongqiu.iteye.com/blog/1949256
    查看全部
    1 采集 收起 来源:MVC(1)

    2018-03-22

  • scope策略: @:把当前属性作为字符串传递。你还可以绑定外层scope的值,在属性值中插入{{}}即可。 =:双向数据绑定 &:传递一个来自父scope的函数稍后调用
    查看全部
    1 采集 收起 来源:指令(4)

    2018-03-22

  • ng-class的应用
    查看全部
  • angular.element(document).ready(function (){ angular.bootstrap(aap1,['MyModule1']) })
    查看全部

举报

0/150
提交
取消
课程须知
你需要有较强前端基础:JavaScript基础非常扎实(BOM、DOM、事件系统、原型、作用域、闭包),并已熟悉jQuery、同时对CSS基础有一定了解;对依赖注入、MVC等常见的技术和设计模式有所了解。请注意,AngularJS框架的设计思想非常前卫,因此本教程不适合新手。
老师告诉你能学到什么?
掌握AngularJS用法、理解AngularJS核心概念、使用AngularJS进行开发

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!