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

AngularJS实战

难度高级
时长 7小时13分
学习人数
综合评分9.57
303人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.3 逻辑清晰
  • 为什么要绑定:controllor与directive互传$scope定义的数据 link绑定步骤:1.主页标签中先将controller中的数据赋值到自定义属性上 2.在link:function(DOM操作用link)中将属性上接收到的数据 赋值到当前directive指令中的scope,再由{{}}或者ng-model=""来访问数据 绑定结束 @单向绑定且至传输字符串 步骤 1.主页标签中先将controller中的数据赋值到自定义属性上 2.link:function可全部删除 为scope添加独立作用域 并在独立作用域{}中添加绑定 属性名:'@' (directive所定义为被绑定的对象 controller所在标签为绑定对象 controller中$scope定义的字符串变 drective中绑定的则变 反之不成立) =双向绑定 与上面步骤一样 @改为= controller中$scope的字符串变drective接收绑定的属性的值也变 反之也成立 &绑定 可以绑定$scope定义的带参数的方法 如例子上的name 1.也是将方法绑定到directive中的属性上 2.scope{}中 属性名:'&'绑定 greet属性变为方法 3.和字符串一样 我们可以在template中随意调用穿进来的方法 如例子上的greet() 即先传进来 稍后调用 4.greet()和sayHello(name)方法一样 需要传一个参数进来 但方法中参数为形参而不是实参 就通过input把输入 传入userName 并与name形成一个对象供greet在ng-click触发的时候调用
    查看全部
    0 采集 收起 来源:指令(4)

    2018-03-22

  • 第一种:小于768的时候,是没有使用media查询的样式。使用在较小的设备上,如旧式手机,样式开头为.col-xs-,一般bootstrap在移动设备上都会使用100%,除非有特殊情况,才会应用这个.col-xs标签。 第二种:大于等于768并小于992的时候,使用在小设备平板中,样式开头为.col-sm-,在这里,container会给他设置一个最大的宽度为750,也就是说在这个范围里面的网页最大宽度为750,bootstrap不是随着宽度变宽而变宽的,他在某个范围的时候,会给样式设定一个最大值的。那么这样范围里面的时候,外形是没有变化的。 第三种:大于等于992并小于1200的时候,使用在中等设备桌面中,样式开头为.col-md-,在这里,container会给他设置一个最大宽度为970.现在的浏览器屏幕很多都大于1200了。 第四种:大于1200的,通常在大型设备台式机和手提电脑,样式开头为.col-lg-,在这里,container会给他设置一个最大宽度为1170.
    查看全部
  • form不再是原生的了,封装拓展成指令了
    查看全部
    0 采集 收起 来源:指令(5)

    2015-08-12

  • 指令与控制器的联系:指令可以取得控制器里面数据模型里的数据。 指令与指令的联系:创建独立的指令作用域,在该作用域上可以定义自己的控制器,并且通过this共享一些方法,然后其他指令通过require取得和“父指令”的联系。 然后由独立作用域引申出绑定策略:@,=,&,这个绑定是全部绑定,就是数据模型里的所有变量或者方法都是用这种策略,而通过html页面的属性值,确定调用哪个变量或方法。
    查看全部
    1 采集 收起 来源:指令(4)

    2018-03-22

  • 结构: root/ apps/ index.html css/ js/ app.js controllers.js directives.js fiters.js services.js imgs/ tpls/ framework/ node-moudles/ package.json
    查看全部
  • $routerProvider:用于提供路由 $routerProvider.when('/hello',{templateUrl":'XXX',controller:'XXXX'}) .when('/list',{templateUrl":'XXX',controller:'XXXX'}) .otherwise({redirectTo:'/hello'}); 用#防止与后台交互
    查看全部
  • ng-transclude compile link!
    查看全部
    0 采集 收起 来源:指令(2)

    2015-08-12

  • restrict E C M A
    查看全部
    0 采集 收起 来源:指令(2)

    2015-08-12

  • 使用AngularJS 做的最多的工作是写各种指令
    查看全部
    0 采集 收起 来源:指令(1)

    2015-08-12

  • 注意事项
    查看全部
  • ng-disabled="myForm.$invalid"中的myForm是表单的name属性的值
    查看全部
    0 采集 收起 来源:指令(5)

    2018-03-22

  • end to end
    查看全部
  • link函数中参数attrs的作用,是为了获取在指令上自定义的属性,自定义的属性可以使用不同的控制器中的方法,通过指令link函数中:scope.$apply(attrs.howtoload),从而实现同一个指令中使用不同的控制器中的方法
    查看全部
    0 采集 收起 来源:指令(3)

    2015-08-11

  • !!!
    查看全部
  • 留个爪
    查看全部

举报

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

微信扫码,参与3人拼团

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

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