Angular

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(核心思想)
(Angular2)
 
(未显示1个用户的11个中间版本)
第1行: 第1行:
 
{{SeeWikipedia}}
 
{{SeeWikipedia}}
  
AngularJS是一款开源[[JavaScript]]库,由Google维护,MIT许可协议。
+
Angular
 +
 
 +
==简介==
 +
[[文件:angular-logo.png|right]]
 +
 
 +
Angular 是一款开源 [[JavaScript]] 库,由 Google 维护,MIT 许可协议。
  
 
[[node.js ecosystem|Node.js, Meteor, React.js, AngularJS, JavaScript 和 HTML5 生态系统]]
 
[[node.js ecosystem|Node.js, Meteor, React.js, AngularJS, JavaScript 和 HTML5 生态系统]]
  
==简介==
+
一个完整的 Angular 应用主要由这几部分组成:组件、模版、模块、指令、服务、依赖注入、数据绑定、路由。
一个完整的 Angular 应用主要由六个部分组成:组件、模版、指令、服务、依赖注入、路由。
+
  
 
==核心思想==
 
==核心思想==
第13行: 第17行:
 
*双向绑定  
 
*双向绑定  
 
*语义化标签
 
*语义化标签
 +
 +
常用模块:
 +
*@angular/platform-browser
 +
*@angular/common
 +
*@angular/common/http
 +
*@angular/forms
 +
*@angular/router
 +
 +
特性模块分类:
 +
*领域特性模块
 +
*带路由的特性模块
 +
*路由模块
 +
*服务特性模块
 +
*可视部件特性模块
  
 
==Angular2==
 
==Angular2==
Angular2使用[[TypeScript]]重新构建。
+
[[文件:Angular.png|right|Angular]]
 +
 
 +
Angular2 使用 [[TypeScript]] 重新构建。
  
 
==[[Bootstrap]]==
 
==[[Bootstrap]]==
第24行: 第44行:
 
==例子==
 
==例子==
 
[[image:angular-meteor-ionic-whatsapp.png]] [http://www.angular-meteor.com/tutorials/whatsapp/ 更多细节>>>]
 
[[image:angular-meteor-ionic-whatsapp.png]] [http://www.angular-meteor.com/tutorials/whatsapp/ 更多细节>>>]
 +
 +
==项目==
 +
[https://github.com/AngularClass/awesome-angular2 Awesome AngularJS 2] [[image:awesome.png]]
 +
*[https://github.com/angular/material2 Material Design for Angular]
 +
*[https://github.com/angular/zone.js Zone.js] Zones是[[Dart]]语言的一个特性,一个执行上下文,可以简单理解为一个异步事件拦截器。
 +
*通过[https://github.com/ReactiveX/rxjs RxJS]实现可观察对象(Observable)
 +
*[https://github.com/angular/angularfire2 AngularFire]官网[[Firebase]]库
  
 
==编辑器==
 
==编辑器==
第40行: 第67行:
 
image:angularjs-concepts-startup.png|初始化
 
image:angularjs-concepts-startup.png|初始化
 
image:angular2-study-roadmap.png|Angular2学习路线
 
image:angular2-study-roadmap.png|Angular2学习路线
 +
image:angular-component-tree.png|组件树
 +
image:angular-component-data-binding.png|组件数据绑定
 
</gallery>
 
</gallery>
  
第45行: 第74行:
 
*[https://angular.io/ Angular 2官网]
 
*[https://angular.io/ Angular 2官网]
 
*[https://www.angularjs.org/ AngularJS官网]
 
*[https://www.angularjs.org/ AngularJS官网]
*[https://github.com/AngularClass/awesome-angular2 Awesome AngularJS 2] [[image:awesome.png]]
 
 
*[https://github.com/gianarb/awesome-angularjs Awesome AngularJS] [[image:awesome.png]]
 
*[https://github.com/gianarb/awesome-angularjs Awesome AngularJS] [[image:awesome.png]]
 
*[[restangular]]: AngularJS service to handle REST API
 
*[[restangular]]: AngularJS service to handle REST API
 
*[http://famo.us/integrations/angular Famo.us/Angular]
 
*[http://famo.us/integrations/angular Famo.us/Angular]
 
*[https://www.zhihu.com/question/40975678/answer/89139701 Angular2 相比 Vue 有什么优势?]
 
*[https://www.zhihu.com/question/40975678/answer/89139701 Angular2 相比 Vue 有什么优势?]
 +
*[https://juejin.im/entry/590aea72b123db00549a394c  Angular vs React 最全面深入对比]
  
 
[[category:angular]]
 
[[category:angular]]

2022年3月25日 (五) 08:19的最后版本

Wikipedia-35x35.png 您可以在Wikipedia上了解到此条目的英文信息 Angular Thanks, Wikipedia.

Angular

目录

[编辑] 简介

Angular-logo.png

Angular 是一款开源 JavaScript 库,由 Google 维护,MIT 许可协议。

Node.js, Meteor, React.js, AngularJS, JavaScript 和 HTML5 生态系统

一个完整的 Angular 应用主要由这几部分组成:组件、模版、模块、指令、服务、依赖注入、数据绑定、路由。

[编辑] 核心思想

  • 依赖注入
  • 模块化
  • 双向绑定
  • 语义化标签

常用模块:

  • @angular/platform-browser
  • @angular/common
  • @angular/common/http
  • @angular/forms
  • @angular/router

特性模块分类:

  • 领域特性模块
  • 带路由的特性模块
  • 路由模块
  • 服务特性模块
  • 可视部件特性模块

[编辑] Angular2

Angular

Angular2 使用 TypeScript 重新构建。

[编辑] Bootstrap

[编辑] 例子

Angular-meteor-ionic-whatsapp.png 更多细节>>>

[编辑] 项目

Awesome AngularJS 2 Awesome.png

[编辑] 编辑器

[编辑] 仪表盘

[编辑] 文档

[编辑] 图集

[编辑] 链接

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱