【框架】-- Angular
angular
木子松的猫
为了毫不费力,所以必须努力。
展开
-
【Angular】-启动Angular应用
我们以三个问题为导向来理解Angular的启动! 1、启动时加载了哪个页面? 2、启动时加载了哪些脚本? 3、这些脚本做了什么事? 启动时加载了哪个页面?加载了哪些脚本? 首先我们先打开angular-cli.json文件,代码如下: "apps": [ { "root": "src", "outDir": "dist", "as.原创 2018-04-15 20:04:20 · 401 阅读 · 8 评论 -
【Angular】-环境搭建
环境搭建 1、安装node.js 打开nodejs官网,它会根据系统信息选择对应版本(.msi文件),点击Download按钮。 node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。 2、然后安装淘宝镜像(cnpm) 安装步骤 输入一下命令:npm install cnpm...原创 2018-04-05 08:47:53 · 414 阅读 · 5 评论 -
【Angular】-@Output装饰器
前言 上篇文章介绍了输入属性:输入属性,这篇文章介绍输出属性。 输出属性 子组件向父组件发送数据,子组件用(EventEmitter)a1: EventEmitter = new EventEmitter();来发射数据,并用@Output装饰器注解,然后在父组件中接收。 场景 一个组件可以连接到股票交易所,实时显示股票变动的价格,为了让这个组件可以在不同的金融类的应用中重用,组...原创 2018-05-03 21:30:48 · 369 阅读 · 2 评论 -
【Angular】-@Input装饰器
前言 组件间存在多种传递数据的方法,在组件之间建立父子关系,也可实现组件间传递数据,而建立父子关系的关键所在就是输入输出属性。下面我们会通过一个小例子来解释输入属性。 输入属性 输入属性就是用@Input修饰器注解的属性,表明这是一个输入属性,用来从父组件接收数据。 场景 在父组件里输入想买的股票的名字,通过输入属性将股票的名字传给子组件,然后在子组件中显示。 步骤 1、创建子组件(...原创 2018-05-03 21:04:33 · 864 阅读 · 2 评论 -
【angular】-中间人模式
前言 组件之间可以通过建立父子关系来传递数据,但是这样两个组件之间的耦合性太强,重用性太低。那么如果组件间不存在关系,可以传递数据吗?如何传递呢? 中间人模式 中间人模式,顾名思义,就是两个组件之间通过一个中间人来传递数据,两个组件之间不需要知道彼此的存在,中间人接收一个组件的数据传递给另一个组件。 场景 交易员监看报价组件的价格,但股票的价格达到某一个值的时候,交易员会点一个交...原创 2018-05-06 21:47:31 · 854 阅读 · 6 评论 -
【Angular】-A complete log of this run can be found in
前几天前端提示全局脚手架和本地脚手架版本不一样,有冲突,然后我一激动就把脚手架给卸载了,这一卸载真的惹下大祸了,脚手架怎么装也装不上,总是在 报一些乱七八糟的错。 最后通过“A complete log of this run can be found in”发现,原来是npm版本的问题,然后更新了npm版本(其实也不是更新,运行完命令,版本号没变,感觉是是完善了一些组件),然后再装脚手架,搞定...原创 2018-05-16 21:02:29 · 44416 阅读 · 26 评论 -
【Angular】-实现全选
效果如下: 实现过程: html: <itoo-accordionTab id="chapterMenu" (selectedChange)="toggle($event,menu3)" [selected]="selectedChapter"> <itoo-header> &原创 2018-06-10 16:40:08 · 773 阅读 · 3 评论 -
ionic4结合ng2-file-upload实现手机端图片上传
ng2-file-upload原创 2019-02-17 21:21:14 · 1854 阅读 · 0 评论