angular 订阅
Angular (通常是指 "Angular 2+" 或 "Angular v2 及更高版本")。是一个基于 TypeScript 的 开源 Web 应用框架, 由 Google 的 Angular 团队以及社区共同领导。Angular 是由 AngularJS 的同一个开发团队完全重写的。 展开全文
Angular (通常是指 "Angular 2+" 或 "Angular v2 及更高版本")。是一个基于 TypeScript 的 开源 Web 应用框架, 由 Google 的 Angular 团队以及社区共同领导。Angular 是由 AngularJS 的同一个开发团队完全重写的。
信息
外文名
Angular
别    名
Angular
中文名
Angular
广告历程
在设计上,Angular 是 AngularJS 的完全重写。最初,团队将这份 AngularJS 的重写版本称为 “Angular 2”,但这在开发人员之间引起了混乱。为了明确起见,该团队宣布应该为这两个框架分别使用各自的术语,其中 “AngularJS” 专指 1.X 版本,而不带 “JS” 的 “Angular” 则专指版本2及更高版本。在2014年10月22~23日的 ng-Europe 会议上发布了Angular 2.0。2.0 版的重大变化在开发人员之间引起了很大争议。 2015年4月30日,Angular 开发组宣布 Angular 2 从 Alpha 推进到 Developer Preview。 Angular 2 于2015年12月推进至 Beta 版, 并于 2016年5月发布了首个 rc 版本。其最终版本于2016年9月14日发布。2016年12月13日发布了 Angular 4,它跳过了版本号 3,以免由于路由模块的版本的未和其它模块对齐而造成混淆(路由模块在之前已经作为 v3.3.0 发布了)。 其最终版本于2017年3月23日发布。 Angular 4 向后兼容 Angular2。Angular 4.3 版是次要版本,这意味着它没有破坏性变更,是 4.xx 的直接替代品。版本 4.3 中的特性Angular 5 于2017年11月1日发布。 Angular 5 的主要改进包括对渐进式 Web 应用的支持、一个构建优化器,以及一些与 Material Design 相关的改进。Angular 6 于2018年5月4日发布。这是一个主版本,其改进重点不在于底层框架,而在于工具链,其目的是让工具链能在将来与 Angular 一起快速发展,改进点主要包括:ng update、ng add、Angular Elements、Angular Material + CDK 组件库、Angular Material 初学者组件、CLI 工作空间、库支持、服务提供商的摇树优化、动画性能改进,以及 RxJS v6。Angular 7 于2018年10月18日发布。其升级主要集中在 Angular Material & CDK、虚拟滚动、选择框在无障碍方面的改进、支持对符合 Web 标准的自定义元素进行内容投影,以及对 Typescript 3.1、RxJS 6.3、Node 10 (仍然支持 Node 8) 的依赖库更新。Angular 8 于2019年5月28日发布。特性包括:为所有应用代码进行差异化加载、针对惰性加载路由的动态导入、Web workers、支持 TypeScript 3.4,并且把 Angular Ivy 作为可选的预览特性。Angular Ivy 的可选预览特性包括:最值得期待的特性之一是 Ivy ,它是一个向后兼容的、基于增量式 DOM 架构的全新渲染引擎。Ivy 从设计之初就考虑到了摇树优化,这意味着应用的发布包中只会包含那些在应用中真正用到的 Angular 部件。可以预期,每一个版本都会向后兼容前一个版本。Google 承诺每年会进行两次升级。所有主版本都提供了 18 个月的支持。其中包括 6 个月的活跃支持,在此期间会定期发布更新和补丁。然后是12个月的长期支持(LTS),在此期间只会发布关键修复程序和安全补丁。
收起全文
精华内容
下载资源
问答
  • angular

    2020-08-21 11:05:24
    有没有angular大神教教我 刚入职的小白项目不会做了
  • angular.json: angular cli 的配置文件 package.json:npm 配置文件,项目使用到的第三方依赖包 protractor.conf.js:运行 ng e2e 的时候会用到 README.md:项目的基础文档 tsconfig.json:TypeScript 编译器...
  • AngularAngular项目
  • angular学习

    2018-04-26 21:16:37
    angular学习angular学习angular学习angular学习angular学习angular学习
  • angular angularProject 使用angular开发的前端页面
  • Angular-angular.zip

    2019-09-18 09:27:58
    Angular-angular.zip,一个框架。移动和桌面。角度,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作流。
  • angular示例

    2017-09-10 22:27:49
    angular示例angular示例angular示例angular示例angular示例angular示例angular示例angular示例angular示例angular示例angular示例
  • Angular2安装angular-cli

    2020-08-30 12:08:38
    主要介绍了Angular2安装angular-cli ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • Angular-angular-cli.zip

    2019-09-18 09:28:13
    Angular-angular-cli.zip,用于angularangular cli的cli工具,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作...
  • Angular-angular-builders.zip

    2019-09-18 09:40:04
    Angular-angular-builders.zip,angular cli@angular builders的一组自定义生成器,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发...
  • Angular-angular-gtag.zip

    2019-09-18 11:23:04
    Angular-angular-gtag.zip,用于angularangular gtag.js的google analytics gtag.js,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决...
  • Angular-angular-editor.zip

    2019-09-18 09:58:37
    Angular-angular-editor.zip,一个简单的本地所见即所得编辑器,用于Angular 6 、7 、8 Angular编辑器,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计...
  • Angular环境搭建

    万次阅读 多人点赞 2017-04-27 16:15:33
    目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用...

    目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。
    Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。

    1.安装nodejs
    首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。
    没有安装的直接去nodejs官网下载nodejs安装。安装过程很简单,官网有教程。
    安装完成后,打开cmd
    输入node -v 看看安装版本
    这里写图片描述
    说明安装成功!

    2.安装cnmp
    由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题。
    淘宝镜像:https://npm.taobao.org/
    安装淘宝镜像,输入 npm install -g cnpm --registry=https://registry.npm.taobao.org

    这里写图片描述

    之后安装angular cli的时候我们就用cnpm命令即可。包括其他被墙的资源也可以用cnmp去下载安装!

    3.安装Angular Cli
    angular-cli github有详细介绍。
    之前电脑上如果安装过angular cli老版本的话建议先卸载,然后重新安装。

    卸载老版本:

    npm uninstall -g angular-cli
    npm uninstall --save-dev angular-cli
    

    卸载新版本:

    npm uninstall -g @angular/cli
    

    清除下缓存

    npm cache clean
    

    然后开始安装,记住,要用cnpm

    cnpm install -g @angular/cli@latest
    

    这里写图片描述

    安装需要时间,耐心等待。
    安装完成后输入 ng help查看是否安装成功
    这里写图片描述

    出现上图所示说明安装成功了。

    常用命令:
    Angular CLI的命令关键字为 ng

    ng help:					获取相关命令信息
    ng new projectName:			新建一个Angular项目
    ng serve:					编译项目并运行,默认端口4200
    ng generate [name]          在项目中创建新的代码,可以创建模块,组件等等,可简写ng g [name]创建一个nav组件:ng g component nav 
    

    4.创建项目
    安装完命令行工具后我们就可以创建Angular项目了。
    首先,切换到项目的存放目录,我的是在E盘的Angular文件夹下
    输入 ng new projectName
    projectName就是你的项目名称,例如,我创建一个Test项目

    这里写图片描述

    然后耐心等待,这里会下载很多东西,所以不要着急

    这里写图片描述

    这就表示创建完成了

    5运行项目
    首先切换至项目目录,然后执行ng serve命令

    这里写图片描述

    出现上图所示表示项目运行成功了。默认是运行在4200端口上的。
    打开浏览器,输入localhost:4200即可访问。

    这里写图片描述

    大功告成!一个Angular的项目就创建好了。下一篇博客我们来详细介绍下项目的目录结构。

    下一篇:

    Angular项目目录结构详解


    如果你觉得本文对你有帮助,麻烦动动手指顶一下,算是对本文的一个认可,如果文中有什么错误的地方,还望指正,转载请注明转自喻志强的博客 ,谢谢!

    展开全文
  • Angular-nest-angular.zip

    2019-09-18 09:59:16
    Angular-nest-angular.zip,nestjs,angular 6,服务器端渲染(angular universal),graphql,jwt(json web令牌)和facebook/twitter/google身份验证,mongoose,mongodb,webpack,typescriptnest angular,...
  • Angular-angular-ssr.zip

    2019-09-18 09:50:45
    Angular-angular-ssr.zip,Angular 4 服务器端渲染解决方案与@Angular/Material、jquery和其他触及DOM的库兼容(并提供丰富的功能集!)用于Angular 4 应用程序的高级服务器端渲染,Angularjs于2016年发布,是...
  • Angular-angular-fullpage.zip

    2019-09-18 11:19:24
    Angular-angular-fullpage.zip,fullpage.js的官方角度包装https://alvarotrigo.com/angular-fullpage/angular-fullpage,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖...
  • Angular-angular-calendar.zip

    2019-09-18 09:32:26
    Angular-angular-calendar.zip,Angular6.0 的灵活日历组件,可以在月、周或日视图上显示事件。Angular6.0 日历,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...
  • Angular-angular-notifier.zip

    2019-09-18 10:44:41
    Angular-angular-notifier.zip,为您的Angular2 应用程序设计良好、完全动画化、高度可定制且易于使用的通知库。Angular-Notifier,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和...
  • angular基础教程

    2021-09-08 16:33:30
    前端angular基础实战教程。前端三大框架之首,angular0基础教程,基础指令+pipe+service+module+directive等基础分解,学会小白也能轻松玩转React。
  • Angular-keycloak-angular.zip

    2019-09-18 10:10:02
    Angular-keycloak-angular.zip,角应用的简易keypolt设置。keypolt angular,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的...
  • Angular-angular-locker.zip

    2019-09-18 09:46:33
    Angular-angular-locker.zip,Angular JS ProjectSangular Locker中本地/会话存储的简单可配置抽象,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计...
  • angular实例

    2018-02-28 08:59:20
    angular开发移动端,采用html5+angular开发,需要采用真机演示效果
  • Angular-angular2gridster.zip

    2019-09-18 10:21:47
    Angular-angular2gridster.zip,著名gridster的角度实现(没有jquery,没有外部库,只有angular和rx.js)。,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular...
  • @ angular-devkit / build-angular的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此...
  • Angular介绍、安装Angular Cli、创建Angular项目 预编译器Scss Less css配置
  • Angular - angular2升级到angular8

    千次阅读 2019-07-26 16:54:28
    最近要项目改造,由原来的angular2 升级到 angular8,需要以下操作: 1.升级全局Angular CLI npm install -g @angular/cli@latest 2..升级你需要升级项目内 angular-cli npm i @angular/cli@latest 3.解决...

    最近要项目改造,由原来的angular2 升级到 angular8,需要以下操作:

    1.升级全局Angular CLI

    npm install -g @angular/cli@latest
    

    2..升级你需要升级项目内 angular-cli

    npm i @angular/cli@latest

    3.解决CLI和程序CLI版本不一致问题(也是在项目内,可以先不执行这个命令的,之后的全部升级也可以完成这个

    npm rebuild node-sass
    

     4.升级node&&npm版本,window系统升级node只能到node官网下载window安装包来覆盖之前的node;mac可以直接命令升级。参考node和npm版本更新!!!

    我升级之后,目前的node版本是10.16.0;Angular的版本是8.1.2。

    5.启动更新程序,查看哪些需要更新

    ng update

    6.升级剩下所有组件

    ng update --all  --force

     我在执行这个命令是会出现以下提示,所以在执行这个命令之前要保证本地工作树是干净的,提交一下代码就可以了。

    7.升级完成后,可以能有一些插件不兼容,可以通过下面的方式安装需要的版本,就是更新一下所有依赖

    npm install

    在执行npm install的时候会提示npm也要升级,so,npm也需要升级

    npm install -g npm
    

    然后,再npm install 一次就OK了 。

    我又执行了一次ng update,发现还有一个要升级,就单独做升级吧

    可能升级到8之后,一些依赖包的引入有所变化,要根据项目在做具体修正。

    展开全文
  • Essential Angular

    2017-06-16 09:14:47
    Essential Angular by Victor Savkin English | 31 May 2017 | ASIN: B0716BBX9P | 108 Pages | AZW3 | 1.07 MB Key Features Written by two Angular core contributors A complete overview of the key aspects ...
  • Angular项目目录结构详解

    万次阅读 多人点赞 2017-05-05 11:34:39
    在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用。

    在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用。

    首先看一下整体的目录结构:
    这里写图片描述

    可以看到,命令行工具自动生成了很多文件和目录,我们来说说这些目录是干什么的

    首层目录

    node_modules		第三方依赖包存放目录
    e2e  				端到端的测试目录  用来做自动测试的
    src   				应用源代码目录  
    .angular-cli.json   Angular命令行工具的配置文件。后期可能会去修改它,引一些其他的第三方的包  比如jquery等
    karma.conf.js  		karma是单元测试的执行器,karma.conf.js是karma的配置文件
    package.json   		这是一个标准的npm工具的配置文件,这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候,等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中,后期我们可能会修改这个文件。
    protractor.conf.js  也是一个做自动化测试的配置文件
    README.md           说明文件
    tslint.json       	是tslint的配置文件,用来定义TypeScript代码质量检查的规则,不用管它
    

    src目录:

    app目录				包含应用的组件和模块,我们要写的代码都在这个目录
    assets目录  			资源目录,存储静态资源的  比如图片
    environments目录   	环境配置。Angular是支持多环境开发的,我们可以在不同的环境下(开发环境,测试环境,生产环境)共用一套代码,主要用来配置环境的
    index.html  		整个应用的根html,程序启动就是访问这个页面
    main.ts    			整个项目的入口点,Angular通过这个文件来启动项目
    polyfills.ts   		主要是用来导入一些必要库,为了让Angular能正常运行在老版本下
    styles.css   		主要是放一些全局的样式
    tsconfig.app.json	TypeScript编译器的配置,添加第三方依赖的时候会修改这个文件
    tsconfig.spec.json	不用管
    test.ts    			也是自动化测试用的
    typings.d.ts        不用管
    

    app目录(重点)
    app目录是我们要编写的代码目录。我们写的代码都是放在这个目录。
    一个Angular程序至少需要一个模块和一个组件。在我们新建项目的时候命令行已经默认生成出来了。
    这里写图片描述

    app.component.ts:这个文件表示组件,
    组件是Angular应用的基本构建模块,可以理解为一段带有业务逻辑和数据的Html
    我们来看看app.component.ts中的代码,并解释下代码的意义

    下图是源代码,我只是把title的值给改了下

    这里写图片描述

    来看看每行代码的意义,有点乱,可以复制到编辑器上去看。

    
    /*这里是从Angular核心模块里面引入了component装饰器*/
    import {Component} from '@angular/core';
    
    /*用装饰器定义了一个组件以及组件的元数据  所有的组件都必须使用这个装饰器来注解*/
    @Component({
      /*组件元数据  Angular会通过这里面的属性来渲染组件并执行逻辑
      * selector就是css选择器,表示这个组件可以通过app-root来调用,index.html中有个<app-root>Loading...</app-root>标签,这个标签用来展示该组件的内容
      *templateUrl  组件的模板,定义了组件的布局和内容
      *styleUrls   该模板引用那个css样式
      * */
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    /*AppComponent本来就是一个普通的typescript类,但是上面的组件元数据装饰器告诉Angular,AppComponent是一个组件,需要把一些元数据附加到这个类上,Angular就会把AppComponent当组件来处理*/
    export class AppComponent {
      /*这个类实际上就是该组件的控制器,我们的业务逻辑就是在这个类中编写*/
      title = '学习Angular';
    }
    

    组件相关的概念:
    1.组件元数据装饰器(@Component)
    简称组件装饰器,用来告知Angular框架如何处理一个TypeScript类.
    Component装饰器包含多个属性,这些属性的值叫做元数据,Angular会根据这些元数据的值来渲染组件并执行组件的逻辑

    2.模板(Template)
    我们可以通过组件自带的模板来定义组件的外观,模板以html的形式存在,告诉Angular如何来渲染组件,一般来说,模板看起来很像html,但是我们可以在模板中使用Angular的数据绑定语法,来呈现控制器中的数据。

    3.控制器(controller)
    控制器就是一个普通的typescript类,他会被@Component来装饰,控制器会包含组件所有的属性和方法,绝大多数的业务逻辑都是写在控制器里的。控制器通过数据绑定与模板来通讯,模板展现控制器的数据,控制器处理模板上发生的事件。

    装饰器,模板和控制器是组件的必备要素。还有一些可选的元素,比如:

    **输入属性(@inputs)😗*是用来接收外部传入的数据的,Angular的程序结构就是一个组件树,输入属性允许在组件树种传递数据
    **提供器(providers):**这个是用来做依赖注入的
    **生命周期钩子(LifeCycle Hooks):**一个组件从创建到销毁的过程中会有多个钩子会被触发,类似于Android中的Activity的生命周期
    样式表:组件可以关联一些样式表
    动画(Animations): Angular提供了一个动画包来帮助我们方便的创建一些跟组件相关的动画效果,比如淡入淡出等
    **输出属性(@Outputs):**用来定义一些其他组件可能需要的事件或者用来在组件之间共享数据

    简单来说,组件的中关系就如下图所示

    这里写图片描述

    下面我们来看看模块文件
    app.module.ts:这个文件表示模块

    与AppComponent类似,模块也需要装饰器来装饰。

    这里写图片描述

    好了,新项目的目录结构就是这样!

    下一篇:

    Angular的启动过程


    如果你觉得本文对你有帮助,麻烦动动手指顶一下,算是对本文的一个认可,如果文中有什么错误的地方,还望指正,转载请注明转自喻志强的博客 ,谢谢!

    展开全文
  • Angular-jackblog-angular2.zip,jackblog angular2.0版,个21338;23458;,angular2,typescript,rxjs,ng2 bootstrap,webpack2等.jackblog-angular2,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 192,660
精华内容 77,064
关键字:

angular