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多级导航菜单

[画像:打赏作者]

Post Views: 3,911

0 0 votes

Article Rating

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

12 years ago

标题党!

Conan Zhang

Reply to lyman

12 years ago

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

lyman

Reply to Conan Zhang

12 years ago

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

Conan Zhang

Reply to lyman

12 years ago

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

Conan Zhang

Reply to lyman

12 years ago

已完成第一篇文章! 🙂

AngularJS从构建项目开始 | 粉丝日志

12 years ago

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

AngularJS最理想开发工具WebStorm | 粉丝日志

12 years ago

AngularJS路由和模板布局 | 粉丝日志

12 years ago

ngTable动态更新的三种方式 | 粉丝日志

12 years ago

快速搭建Web环境 Angularjs + Express3 + Bootstrap3 | 粉丝日志

11 years ago

zincing

11 years ago

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

anota

11 years ago

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

Conan Zhang

Reply to anota

11 years ago

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

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

coder

Reply to Conan Zhang

11 years ago

张老师这个方法也可以实现,但是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
})
}