Angular2入门--架构概览

Angular 介绍

　　Angular 是一款来自谷歌的开源的web前端框架，诞生于2009年，是一款优秀的前端JS框架，已经被用于谷歌的多款产品。

　　Angular 基于Typescript开发，更适合中大型企业级的项目。

学习Angular的必备基础

　　html、css、js、es6、Typescript.

载入需要的库

　　推荐使用npm来作为包的管理工具

组件

　　component定义对象是一个angular组件，接收一个包含两个属性的配置对象

　　selector：为HTML元素定义了一个CSS选择器my-app

　　template：属性容纳着组件的模板

　　@Component{

　　　　selector：‘my-app’,

　　　　templateUrl: ''

　　}

模块

　　angular应用都是模块化的

Class定义对象

　　在Class方法中，我们可以给组件添加属性和方法

　　定义一个Class类

　　定义一个构造函数

　　.Class({

　　　　constructor: function(){}

　　})

添加NgModule

　　angular应用是由angular模块组成

　　app.AppModule = ng.core.NgModule({

　　　　imports: [ ng.platformBrowser.BrowserModule ],

　　　　declarations: [ app.AppComponent ],

　　　　bootstrap: [ app.AppComponent ]

　　})

启动应用

　　添加app/main.js文件

　　我们需要两样东西来启动应用：

　　　　1.angular的platformBrowserDynamic().bootstrapModule 函数

　　　　2.应用根模块Appmodule

　　执行过程为：当angular在main.js中调用bootstrapModule函数时，它读取AppModule的元数据，在启动组件中找到AppComponent并找到my-app选择器，定位到元素，然后在这个标签之间载入内容。

Angular2 Typescript

　　Typescript是一种由微软开发的自由开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。

数据绑定

　　有两种类型的数据绑定：

　　　　1. 事件绑定让你的应用可以通过更新应用的数据来响应目标环境下的用户输入。

　　　　2. 属性绑定让你将从应用数据中计算出来的值插入到HTML中。

　　Angular 支持双向数据绑定，这意味着DOM中发生的变化同样可以反映回你的程序数据中。

依赖注入

　　依赖注入器会为组件提供一些服务，比如路由器服务就能让你定义如何在视图之间导航。

转载于:https://www.cnblogs.com/veraNotes/p/10799440.html

Angular2入门--架构概览相关推荐

flutter ios启动白屏_Flutter技术架构概览
前言最近在整理各种技术架构,给自己的列了个TODO list,希望能在几个月的时间内,研究完各种前端技术架构,包括移动端技术架构.今天分享一下自己整理的flutter技术架构.完整的技术架构TODO ...
Apache Beam的架构概览
不多说,直接上干货! Apache Beam是一个开源的数据处理编程库,由Google贡献给Apache的项目,前不久刚刚成为Apache TLP项目.它提供了一个高级的.统一的编程模型,允许我们通过 ...
入门架构——单机高性能
入门架构--单机高性能协作方式在高并发场景中,必须要让服务器同时维护大量请求连接,可能是一个服务进程创建另一个进程,也可能是一个服务线程去创建另一个线程,但连接结束后进程或线程就销毁了,这是一个巨 ...
Angular2入门：TypeScript的装饰器
Angular2入门:TypeScript的装饰器转载于:https://www.cnblogs.com/lexiaofei/p/9215505.html
Angular2入门教程-1
2019独角兽企业重金招聘Python工程师标准>>> Angular2入门教程-1 今天,Angular2终于正式发布了2.0.0的正式版,所以已经可以开始正式使用了. Angul ...
python前端用什么架构_Python web世界观——web架构概览（适合传统软件工程师）...
Python web世界观--web架构概览(适合传统程序员) 传统web server面临的问题我们知道传统的web server,一个进程打开socket,监听,来了请求生成新的进程(或线程.或 ...
KubeFed 集群联邦的演进和架构概览
KubeFed 集群联邦的演进和架构概览 Kubernetes 集群联邦 Kubernetes 从 1.8 版本起就声称单集群最多可支持 5000 个节点和 15 万个 Pod,我相信很少有公司会部署 ...
pomelo架构概览
pomelo架构概览 pomelo之所以简单易用.功能全面,并且具有高可扩展性.可伸缩性等特点,这与它的技术选型和方案设计是密不可分的.在研究大量游戏引擎设计思路基础上,结合以往游戏开发的经验,确定了 ...
Angular 2.0 入门-架构总览
大致介绍 Angular2在Angular1的基础上有了较大的改变.之前向一个同学(之前学过Angular1)问一个Angular2的问题,他反问到这是Angular代码? 可见Angular1-&g ...

Angular2入门--架构概览

Angular2入门--架构概览相关推荐

最新文章

热门文章