• AngularJS体验式编程系列文章

AngularJS体验式编程系列文章

angularjs

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

从 Angular 2.x 开始新的体验。

Angular 2.x

Angular2新的体验

Angular 1.x

AngularJS从构建项目开始

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

AngularJS最理想开发工具WebStorm

AngularJS路由和模板

AngularJS去掉的URL里的#号

ngTable动态更新的三种方式

Angular+Bootstrap3导航菜单

Bootstrap3多级导航菜单

打赏作者

0 0 votes
Article Rating
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

28 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
lyman

标题党!

Conan Zhang

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

lyman

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

Conan Zhang

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

Conan Zhang

已完成第一篇文章! 🙂

[…] 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就像写后台代码,更规范,更结构化,更可控。 […]

zincing

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

anota

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

Conan Zhang

你可以在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的东西自己很少涉及,项目中也只是用到了几个包,最近在看张老师的文章,写得很好!

Conan Zhang

🙂

Conan Zhang

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

coder

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

[…] 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就像写后台代码,更规范,更结构化,更可控。 […]

coder

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

Conan Zhang

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

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

谢谢

Marcus

粉丝博客

杪

哈哈

Conan Zhang

🙂

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

28
0
Would love your thoughts, please comment.x
()
x