![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular5
文章平均质量分 75
星南樱射-S
SAPUI5 Firoi HTML5 前端开发
展开
-
Angular 架构简述
这个架构图展现了 Angular 应用中的 8 个主要构造块:模块 (module)组件 (component)模板 (template)元数据 (metadata)数据绑定 (data binding)指令 (directive)管道服务 (service)和依赖注入 (dependency injection)图中的模板 (Templates)是由 Angular 扩展的 HTML 语法组成,...转载 2018-04-09 16:55:10 · 1897 阅读 · 0 评论 -
Angular 5 路由小结
首先要添加路由模块,通常定义为 AppRoutingModule,通过CLI指令生成:ng generate module app-routing --flat --module=app--flat 把这个文件放进了 src/app 中,而不是单独的目录中。--module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中。生成后的代码:import { NgMod...原创 2018-03-27 17:18:17 · 8134 阅读 · 0 评论 -
Angular 5 多语言国际化小结
项目多语言国际化:ngx-translate1.安装npm install --save @ngx-translate/core npm install --save @ngx-translate/http-loader 需要注意的是,如果是Angular 5.x的版本,需要指定 ng-translate版本为9.x。当前最新版是10.x,适用Angular v6,如果是Angular v5,会报...原创 2018-04-24 17:10:37 · 1154 阅读 · 0 评论 -
Angular 5 toastr提示插件小结
ngx-toastrhttps://github.com/scttcper/ngx-toastrDemo:https://scttcper.github.io/ngx-toastr/1.安装npm install ngx-toastr --save需要依赖@angular/animationsnpm install @angular/animations --save如果不想用这个依赖,可以参考(...原创 2018-04-24 17:30:23 · 2872 阅读 · 3 评论 -
Angular 路由初识
Routes:根组件注入RouterOutlet:放在app.component.html,作为路由指定显示位置的指令Router:component中用RouterLink:template HTML中用ActivatedRoute:component.ts中获取路由参数等问题:进入首页点击“产品”点击“商品详情”回到首页点击“产品”,可以看到路由变化,但是页面ID没有变化**这是因为,每次回到...原创 2018-05-21 17:35:25 · 278 阅读 · 0 评论