Angular
文章平均质量分 78
珍妮的小罐君
越努力,越幸运!
展开
-
使用angular-cli搭建angular开发环境
angular项目环境配置:步骤 1. 配置开发环境(node环境必须) 请先在终端/控制台窗口中运行命令 node -v 和 npm -v; 如果出现版本号则ok,并且确保验证一下版本号: node 8.x 和 npm 5.x 以上的版本。 更老的版本可能会出现错误,更新的版本则没问题。 如果没有出现版本号,则到node.js官网上自动下载,node环境是集成了npm环境,npm是node...原创 2018-11-07 18:10:11 · 761 阅读 · 0 评论 -
typescript相关
ts基本数据类型:一、布尔类型(Boolean)var isDone: boolean = true ;二、数字类型(Number) 23var num: number = 9;三、字符串类型(Sring)var str: string = 'hello world'四、数组类型(Sring)两种方式【1】var arr: number[] = [22,3,45,2]...原创 2019-01-18 11:05:20 · 160 阅读 · 0 评论 -
使用 FormBuilder 来生成表单控件
FormBuilder 服务提供了一些便捷方法来生成表单控件。FormBuilder在幕后也使用同样的方式来创建和返回这些实例,只是用起来更简单。 下面会重构 ProfileEditor 组件,用FormBuilder 来代替手工创建这些 FormControl 和 FormGroup。 Step 1 - 导入 FormBuilder 类import { FormBuilder ...原创 2019-02-22 18:29:22 · 10559 阅读 · 0 评论 -
angular项目如何配置国际化(i18n)?
1、下载ngx-translate的依赖库//利用npm来安装ngx-translate依赖npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader --save2、在项目根模块app.module.ts中引入引入TranslateModule模块import { Browse...原创 2019-03-12 19:31:15 · 5859 阅读 · 1 评论 -
angular 配置i18n
1.安装 .npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader 2. 配置(app.module.ts)import { BrowserModule } from '@angular/platform-browser';import { Inject, LOCALE_ID, N...原创 2019-08-23 18:05:11 · 2155 阅读 · 1 评论 -
angular之关于Ionic的使用
官网:https://ionicframework.com/docs/intro安装:npm install @ionic/angular@latest --save使用:(1)在app.module.ts文件中引入 import { IonicModule } from "@ionic/angular";(2)添加到 AppModule 的 imports 数组中 ...原创 2019-08-22 17:49:29 · 2159 阅读 · 0 评论 -
区别 URL.createObjectURL() 和 FileReader.readAsDataURL()
业务场景:图片上传和预览功能~具体实现:URL.createObjectURL() URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。 简单说经过这个方法的处理后会生成一个...原创 2019-09-04 19:46:38 · 4713 阅读 · 0 评论