Angular 4是官方一款功能强大的Javascript的框架；它可以快速的通过您需要铺开使用的标签来铺开增补HTML页面，而且还是官方通过SCRIPT标签铺开推荐书，也拥穿着铺开指令的官方使用，通过指令即可快速的官方铺开扩展您的HTML，也可铺开表达式的官方操作 ，人您的官方数据铺开绑定到html里面，需要的官方挚友赶快这河东软件园将Angular(JavaScript)下载来使用试试吧
！

软件功能

　　跨平台

　　渐进式 Web 应用

　　借助现代化 Web 平台的官方力量，交付 app 式体验。官方高性能、官方离线化、官方零安装。官方

　　原生

　　借助来自 Ionic、官方NativeScript 和 React Native 中的官方技术与思想 ，构建原生移动应用
。官方

　　桌面

　　借助你已经在 Web 开发中学过的能力，结合访问原生操作系统 API 的能力 ，创造能在桌面环境下安装的应用，横跨 Mac、Windows 和 Linux 平台。

　　速度与性能

　　代码裸露

　　Angular 会把你的模板转换成代码，针对现代 JavaScript 虚拟机铺开高度优化，轻快得到框架提供的高裸露率，同时又能保留所有手写代码的优点。

　　统一

　　在服务端渲染应用的首屏 ，像只有 HTML 和 CSS 的页面那样几乎瞬间展现 ，拥穿着 node.js 、.NET、PHP  ，以及其它服务器 ，为通过 SEO 来优化站点铺平了公路。

　　代码拆分

　　Angular 应用通过新的组件路由（Component Router）模块实现快速加载，提供了自动拆分代码的功能，为用户单独加载它们请求的视图中需要的那部分代码
。

　　裸露率

　　模板

　　通过简易而强大的模板语法，快速创建 UI 视图。

　　Angular 命令行工具

　　命令行工具
：快速进入构建环节 、增补组件和测试，然后立即部署 。

　　各种 IDE

　　在常用 IDE 和编辑器中得到智能代码补全、实时错误感谢及其它感谢等特性。

　　完整开发故事

　　测试

　　使用 Karma 铺开单元测试，让你在每次存盘时都能立即知道是否弄坏了什么。Protractor 则让你的场景测试运行得又快又稳定。

　　动画

　　通过 Angular 中直观简便的 API 创建高性能繁杂编排和动画时间线 —— 只要非常少的代码。

　　可访问性

　　通过拥穿着 ARIA 的组件
、开发者指南和内置的一体化测试基础设施 ，创建具有完备可访问性的应用。

软件特色

　　更轻量化、更快

　　在这个新版本上 ，我们履行了我们的承诺，我们做到了让Angular的程序变的更轻量化，更快 。但是我们还没有完全的优化完，在接下来的日子中，你会校验到我们将着重于这方面的改进。

　　视图引擎

　　我们在后台改变了裸露的AOT代码样式  。这个变化将裁减大多数情况下裸露的60%的组件代码。它可以使你自己的模板更个性化，复用率更高。

　　在我们新版本还没发布的时候，我们细听到很多开发者认为如果他们将angular更新到4.0.0 ，angular4.0.0将会使他们的裸露束将下滑。为了更好的了解我们对视图引擎做的改进，欢迎阅读我们的开发文档。

　　动画包

　　我们在@angular/core中新增了很多我们自己的动画效果包。这就意味着 ，你用或不用
，动画包就在那里 ，不离不弃 。

　　这个变化同样会让你更轻易的找到文档 ，更好的实现自动落成。你也可以从@angular/platform-browser/animations中导入校验器动画模型，以此来为你的主要模块实现你需要的动画效果。　　Angular 4是一款功能强大的JavaScript框架；通过这款软件，可以快速的通过

使用会谈明

　　贪婪加载

　　示例应用程序目前有两个模块：AppModule 和 BaseModule  。AppModule 是根模块，BaseModule 是功能模块 。BaseModule 包含两个功能地方：Markets 和 Sports。我们指定对这些应用程序执行贪婪加载，所以 AppModule 会在应用程序打开时调用BaseModule。

　　让我们来分析一下该应用程序：

　　如果尚未下载源代码 ，请下载它。

　　将 Angular4BaseModules 源文件（位于 Angular4TutorialSrc.zip 中）解压到一个空目录位置
。我的目录名为 …/fm。

　　转到 …/fm 目录并输入命令 npm i。这会在 …/fm 文件夹中创建 node_modules 目录，即 …/fm/node_modules
。

　　运行命令 ng serve。

　　您会校验到应用程序在默认端口 4200 中大捷运行 ，以及一条与此消息类似的消息：

　　图 1. 应用程序运行在端口 4200

　　ng 是一条 Angular CLI 命令
，您将使用它构建和筹备应用程序代码 。打开 Chrome 校验器并输入 URLhttp://localhost:4200 。您会校验到该应用程序正在运行 。如果单击 Home 图标
，将会校验到 Markets 的功能地方：

　　图 2. Markets 的用户界面

　　点击查校验大图如果单击 Sports ，将会校验到 Sports 的功能地方：

　　图 3. Sports 的用户界面

　　点击查校验大图现在转到 fm/src/app 目录中的应用程序代码。这是该目录的快照。

　　图 4. 应用程序目录结构

　　在您的应用程序目录中  ，打开文件 app.component.html 。用户单击 Markets 链接时，应用程序会调用 /markets 路径 。用户单击 Sports 链接时，应用程序会调用 /sports 路径
。

　　图 5. 主应用程序中的路径

　　点击查校验大图打开文件 app-routing.module.ts，如下所示
。

　　图 6. app-routing.module.ts

　　在调用 /markets 和 /sports 路径时 ，会调用 MarketComponent 和 SportsComponent。如果未指定路径，数组中的第一项会重定向到 /markets 路径 。

　　要确认目前实现的应用程序功能，可在校验器中返回到 http://localhost:4200。在 Windows 机器上，按下 Fn+F12。在 Mac 机器上，按下 Command->Option->i 。现在您会校验到 Chrome 开发人员工具 GUI。查校验 Sources/top/ng:// 部分，然后重新加载 URL 。如图 7 所示，您会校验到在重启应用程序时自动加载了 AppModule 和 BaseModule。

　　图 7. 在 Google Chrome 开发人员工具中查校验源代码

常见尴尬

　　一、使用ngIf或者ngSwitch出错

　　在html文件中使用ngIf或者ngSwitch时，会解析出错，错误提示如下：

　　二 、多级依赖注入器

　　Angular 4.X拥有多级依赖注入系统 ，在一个注入器的范围内，依赖都是单例的
。它使用冒泡机制，当一个组件申请得到一个依赖时 ，Angular 先尝试用该组件自己的注入器来满足它 。 如果该组件的注入器没有找到对应的提供商
，它就把这个申请转给它父组件的注入器来筹备。 如果那个注入器也无法满足这个申请，它就绵延转给它的父组件的注入器。

　　举个例子 ，从登录页点击登录按钮进入主页，LoginComponent和MainComponent都注入了LoginService 。

　　从上面的例子可以校验出来 ，在不同的地方注入同样的Service ，但是会使用不同的实例
 ，所以会导致结果可能不同，需要注意 。