• 20、AngularJs之controller控制器scope父子集作用域实例

    今天学习的是AngularJs的作用域问题,如果之前很好的学习并应用过JavaScript,那么对作用域、作用域链以及闭包的概念肯定不会陌生,总之一句话就是:子级可以访问父级的变量和对象,...

    阅读(223) 2017-01-11
  • 21、AngularJs中指令的scope作用域分析

    AngularJs自定义一个指令,并且这个指令的内容是引用某个控制器的数据,那么控制器变量发生变化,也会引起指令内容的变化,同样的,如果指令通过ng-model改变值,控制器里边的变量...

    阅读(278) 2016-12-18
  • 22、AngularJs之scope隔离作用域之@单向文本绑定

    上一节说到,在指令中设置scope属性的值为花括号{},可以切断它与其他控制器之间的联系,如果在html中很多地方都使用到了这个指令,有的需要建立与控制器的联系,有的不需要,这...

    阅读(253) 2016-12-18
  • 23、AngularJs之scope隔离作用域之=双向文本绑定

    AngularJs之scope隔离作用域之=双向文本绑定,代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=appdiv ng-controller=ctr1input type=text ng-model=color /div zym-blog colors=color/d...

    阅读(274) 2017-01-11
  • 24、AngularJS中scope隔离作用域之=&调用父作用域中函数

    AngularJS中scope隔离作用域之=调用父作用域中函数,代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=appdiv ng-controller=ctr1div zym-blog callback=fn()/div/div/body/htmlscript...

    阅读(252) 2017-01-11
  • 25、AngularJs中自定义指令directive的controller属性

    controller是AngularJs中的控制器,在控制器里边可以接受后台的数据,并且定义变量显示给前端,controller也可以作为自定义指令directive的属性存在,代码如下: 1.html中的代码: !doctype ht...

    阅读(262) 2017-01-11
  • 26、AngularJs的directive指令的link属性详解

    在AngularJs中不能直接使用JQuery去选择dom元素,它在指令directive中提供了link属性来让开发者操作dom,具体代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=appzy...

    阅读(201) 2017-01-16
  • 27、通过AngularJs实现Tab选项卡切换效果

    通过AngularJs实现Tab选项卡切换效果,代码如下: 文件一:3.html: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbody ng-app=app ng-controller=ctrzym-blog title=赵一鸣AngularJs学习笔记/zym-...

    阅读(1003) 2017-01-17
  • 28、AngularJs使用$scope.$apply()进行数据脏检查

    $apply()函数可以从Angular框架的外部让表达式在Angular上下文内部执行。例如,假设你实现了一个setTimeout()或者使用第三方库并且想让事件运行在Angular上下文内部时,就必须使用$apply()。...

    阅读(262) 2017-01-17
  • 29、AngularJs中$timeout与$interval实际使用场景分析

    AngularJs中$timeout与$interval实际使用场景分析,类似于原生js中的setTimeout和setInterval,测试代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title$timeout与$interval实际使用场景分析/titlestyle t...

    阅读(159) 2017-01-17
  • 30、AngularJs中的$window服务的实例

    AngularJs中的$window服务,和JS中的window一样,测试代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title$window服务的实例/title/headbody ng-app=app ng-controller=ctrbutton ng-click=func();按钮/button您的选...

    阅读(147) 2017-01-17
  • 31、AngularJs的$sce服务安全的处理html数据

    为了提升网站的安全性,避免恶意代码注入,AngularJs提供了相应的解决方案,测试代码如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title$sce服务安全的处理html数据/titlestyle type=text/css.ng-...

    阅读(192) 2017-01-17
  • 32、AngularJs的$cacheFactory的缓存实例

    AngularJs的$cacheFactory的缓存实例,代码及注释如下: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title$cacheFactory的缓存实例/titlestyle type=text/css.ng-cloak{display:none;}/style/headbody ng-app=app ng-cloak class=n...

    阅读(240) 2017-01-17
  • 33、AngularJs之$http服务前端与后端之间的数据传输

    AngularJs中的$http服务实现前端与后端之间的数据传输,与JQuery中的ajax类似,具体代码如下: 1、接收后端数据: 需要用到的php代码,文件名为1.php: ?php header(Content-type:text/html;charset=ut...

    阅读(274) 2017-01-20
  • 34、AngularJs之自定义服务实现多个控制器之间的数据共享

    AngularJs之自定义服务实现多个控制器之间的数据共享,在同一页面当中,多处用到同一个数据,一般情况下我们需要重复写很多次代码,但是使用Angular提供的自定义服务,可以只写一次...

    阅读(165) 2017-01-20
  • 35、通过AngularJs自定义服务实现代码共用实例

    通过AngularJs自定义服务实现代码共用实例: html部分: body ng-app=app div ng-controller=ctr2 table cellpadding=0 cellspacing=0 thead tr td网站名称/td td网站地址/td /tr /thead tbody tr ng-repeat=(key, value) in data...

    阅读(221) 2017-01-20
  • 36、AngularJs通过service自定义服务

    与factory类似,AngularJs也可以通过service来自定义服务,只是在return返回数据的写法上稍有不同,具体代码如下: HTML部分: body ng-app=app ng-controller=ctr ng-cloak class=ng-cloaktable cellpadding=0 ce...

    阅读(243) 2017-01-20
  • 37、AngularJs之ui.router路由基本配置及传参方法

    使用AngularJs可以方便的做出单页面应用,既然是应用,那就涉及到页面跳转的问题,使用Angularjs的路由插件可以方便的使用路由功能。 代码如下: 路由插件:angular-ui-router.js。 HTML部分...

    阅读(218) 2017-02-13
  • 38、uiRouter路由定义高效的父子级嵌套路由

    在项目开发中会到这样的需求,在导航中,有的点击需要在本页面中切换,有的点击需要跳转到其他页面(比如点击登录、注册等),ui-router为我们很方便的解决了这个问题,代码如下...

    阅读(232) 2017-03-03