ng
yangchengguo
喜欢写代码装B的感觉
展开
-
angular 8 ViewChild和ViewChildren
https://www.techiediaries.com/angular-dom-queries-viewchild/转载 2019-11-13 17:37:17 · 727 阅读 · 0 评论 -
ng 使用cli生成自定义文件、组件
不得不说,和传统的复制黏贴来创建组件的方法相比,使用angular-cli的脚手架功能来创建模块、组件显得非常高效,不仅仅有了创建了文件,还包含了一些必须的代码,同时也将组件导入了最近的模块,一些重复性工作就使用cli可以节省掉。angular提供了丰富的文件类型,但是总归是有些我们自己的项目需要,我们需要创建自定义后缀的组件,这时候就不得不舍弃cli了,那么能不能使用自定义的方式来达到脚手架创建...转载 2019-06-13 16:05:46 · 1056 阅读 · 0 评论 -
angular多语言配置
angular的国际化方案,采用ngx-translate来实现。 安装模块: 1 npm install @ngx-translate/core --save 在根模块中导入: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // other module imp...转载 2019-06-17 10:56:33 · 1685 阅读 · 0 评论 -
n'g架构解读
用angular扩展语法编写html模板,用组件类管理这些模板,用服务添加应用逻辑,用模块打包发布组件和服务 模块 angular是模块化的 每个angular应用至少有一个模块(根模块),习惯上命名为AppModule。一些小型应用里面可能只会有一个根模块,大多数应用里会有多个特性模块,每个特性模块都是一个内聚的代码块,专注于某个应用领域、工作流或紧密相关的功能。 angular模...转载 2019-07-24 10:04:31 · 411 阅读 · 0 评论 -
ng 路由器使用
路由器使用浏览器的history.pushState进行导航,正因为有它,我们才可以按照期望的样子显示应用内部的url路径。这种风格也就是“html5风格url”。 我们必须往本应用的index.html中添加一个<base href>元素,这样pushState才能正常工作。也就是告诉浏览器,以当前页面为应用的基底。 比如,我们目前的app目录是应用的根目录,可以在index.ht...转载 2019-07-24 10:25:36 · 761 阅读 · 0 评论 -
子路由模块
目前为止,我们的所有组件都是在app下面,并以app.module.ts为壳做加载。对于小应用是不受影响的,但是一旦需求复杂,组件变多的时候维护起来很困难,所以我们需要创建子模块来管理我们划分的子业务。 在app文件夹下面创建子模块:hero 1 ng generate module hero 可以看到创建了文件夹app/hero,并...转载 2019-07-24 10:46:23 · 237 阅读 · 0 评论 -
ng 模板语法
html是angular模板的语言。几乎所有的html语法都是有效的模板语法。需要注意两点 <script>元素,被禁用了,以阻止脚本注入的风险。 <html><body><base>没有任何作用。 插值表达式 在angular中,使用双花括号{{}}来表达插值表达式,插值表达式可以把计算后的字符串插入到html元素标签内或对元素的属性进行...转载 2019-07-24 10:58:18 · 449 阅读 · 0 评论 -
ng 内置指令
内置指令,分为属性型指令和机构型指令 内置属性型指令 属性型指令通常会监听和修改其他html元素或组件的行为、元素属性(Attribute)、DOM属性(Property)。 几个常见的属性型指令: NgClass 添加或移除一组css类 NgStyle 添加或移除一组css样式 NgModle 双向绑定到html表单元素 处理单个的类时,可以使用[class.class-name],...转载 2019-07-24 11:28:50 · 288 阅读 · 0 评论 -
ng http-client-interceptor
新建httpconfig.interceptor.ts文件 import {Injectable} from '@angular/core'; import {Observable, throwError} from 'rxjs'; import 'rxjs/add/operator/do'; import {Router} from '@angular/router'; import {S...原创 2019-07-25 11:04:09 · 168 阅读 · 0 评论