• AngularJS体验式编程系列文章

AngularJS体验式编程系列文章

angularjs

AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。

AngularJS从构建项目开始

快速搭建Web环境 Angularjs + Express3 + Bootstrap3

AngularJS最理想开发工具WebStorm

AngularJS路由和模板

AngularJS去掉的URL里的#号

ngTable动态更新的三种方式

Angular+Bootstrap3导航菜单

Bootstrap3多级导航菜单

打赏作者

  • 标题党!

    • 刚起个草稿,这周就会有内容。

      • 有才啊,我只会看别人资料,看文档。。。没什么动力能力写文章写总结。。。。。

        • 有时候可以为自己写点东西,不然日子久了,东西多,就忘了。

    • 已完成第一篇文章! :-)

  • Pingback: AngularJS从构建项目开始 | 粉丝日志()

  • Pingback: AngularJS最理想开发工具WebStorm | 粉丝日志()

  • Pingback: AngularJS路由和模板布局 | 粉丝日志()

  • Pingback: ngTable动态更新的三种方式 | 粉丝日志()

  • Pingback: 快速搭建Web环境 Angularjs + Express3 + Bootstrap3 | 粉丝日志()

  • zincing

    总结和沉淀知识的时候还可以使用 思维导图

  • anota

    我想问一下 我在scope下 有多个controller 例如作用域 ctrl1 和 ctrl2 如果这两个作用域之间要实现一些交互,如何通信呢?用$$nextSibling已经很难定位的作用域,通用的做法是什么,是直接把需要通信的变量赋值给$parent吗?

    • 你可以在App的scope中定义一个全局对象,让ctrl1和ctrl2都可以访问,就可以实现通信了。

      参考文章:https://github.com/tiw/angularjs-tutorial/blob/master/sharing-data-between-controllers.markdown

      • coder

        张老师这个方法也可以实现,但是angular本身是有Controller之间通讯的方法的,我给大家写个小例子吧,各位一看就懂。

        function ctrl1Controller($scope){
        $scope.$emit(‘event’, data);
        }
        function ctrlController($scope){
        $scope.on(‘event’, function(event, data){
        $scope.$broadcast(‘event1’, data);
        })
        }
        function ctrl2Controller($scope){
        $cope.$on(‘event1’, function(event, data){
        //do some thing
        })
        }

        • coder

          我们现在做的项目去年10月开始的,有用到angular,nodeJS但是node的东西自己很少涉及,项目中也只是用到了几个包,最近在看张老师的文章,写得很好!

        • 多谢同学,又多了一种现实思路。

        • coder

          咱们的输入框有点邪恶,明明有的代码换行拷进来之后就没了,后边多了点内容“ =“” ”我开始还以为自己失误了,后来一看原件,呆了~~~

  • Pingback: Angular结合Bootstrap3的导航菜单 | 粉丝日志()

  • Pingback: Bootstrap3多级导航菜单 | 粉丝日志()

  • Pingback: AngularJS去掉的URL里的#号 | 粉丝日志()

  • coder

    张老师有时间多讲下angular的指令和依赖注入以及单元测试,还有自带的一些服务例如$q,$http,我在这几个地方总感觉不太透彻!还有两个个问题1,单元测试是不是必须依赖wiremock 2,angular的指令是对标签的扩展,但是它内部是如何将编写的指令发布出去让浏览器识别的?

    • 最近确实没有太多时间写文章了。

      1. Angular的单元测试,与普通的JS项目差不多,主要用到 Jasmine+karma 的组合,可以参考我的文章。

      http://blog.fens.me/nodejs-jasmine-bdd/
      http://blog.fens.me/nodejs-karma-jasmine/

      2. directive编程,网上有不少的文章都有介绍,AngularJS自己实现了一套加载器,类似像npm或requirejs一样,通过加载器实现的动态加载的过程。

      • coder

        谢谢

  • 哈哈