AngularJS体验式编程系列文章
AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。
从 Angular 2.x 开始新的体验。
标题党!
刚起个草稿,这周就会有内容。
有才啊,我只会看别人资料,看文档。。。没什么动力能力写文章写总结。。。。。
有时候可以为自己写点东西,不然日子久了,东西多,就忘了。
已完成第一篇文章! 🙂
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
总结和沉淀知识的时候还可以使用 思维导图
我想问一下 我在scope下 有多个controller 例如作用域 ctrl1 和 ctrl2 如果这两个作用域之间要实现一些交互,如何通信呢?用$$nextSibling已经很难定位的作用域,通用的做法是什么,是直接把需要通信的变量赋值给$parent吗?
你可以在App的scope中定义一个全局对象,让ctrl1和ctrl2都可以访问,就可以实现通信了。
参考文章:https://github.com/tiw/angularjs-tutorial/blob/master/sharing-data-between-controllers.markdown
张老师这个方法也可以实现,但是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
})
}
我们现在做的项目去年10月开始的,有用到angular,nodeJS但是node的东西自己很少涉及,项目中也只是用到了几个包,最近在看张老师的文章,写得很好!
🙂
多谢同学,又多了一种现实思路。
咱们的输入框有点邪恶,明明有的代码换行拷进来之后就没了,后边多了点内容“ =“” ”我开始还以为自己失误了,后来一看原件,呆了~~~
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]
张老师有时间多讲下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一样,通过加载器实现的动态加载的过程。
谢谢
粉丝博客
哈哈
🙂
[…] AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写后台代码,更规范,更结构化,更可控。 […]