码迷,mamicode.com
首页 > 其他好文 > 详细

Angular2总结

时间:2019-05-01 12:07:51      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:添加   开源   const   产品   form   orm   应用   .class   esc   

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的语法。

  

 

Angular2总结

标签:添加   开源   const   产品   form   orm   应用   .class   esc   

原文地址:https://www.cnblogs.com/veraNotes/p/10799440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!