![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 70
飞翔的山药蛋子
这个作者很懒,什么都没留下…
展开
-
Angular 中使用 Font Awesome图标
Font Awesome是一个非常强大的图标插件,这篇文章就是讲解我在项目中怎么使用它环境Angular 8npm导入cnpm install @fortawesome/fontawesome-svg-corecnpm install @fortawesome/free-solid-svg-iconscnpm install @fortawesome/angular-fontawes...原创 2019-10-17 16:15:48 · 773 阅读 · 0 评论 -
Ag-Grid学习-angular8
Ag-Grid学习1.添加ag-grid的npm软件包:cnpm install --save ag-grid-community ag-grid-angular2.将ag-grid Angular模块添加到Angular项目中的app模块(app.module.ts)中import { BrowserModule } from '@angular/platform-bro...原创 2019-09-10 11:21:50 · 3332 阅读 · 0 评论 -
Angular material 之 dialog 弹框实战
功能虽然简单,但是我更具官网上做出来是报错的,所以自己记录一下,希望可以帮到别人首先,创建一个组件用于存放弹出按钮在创建一个组件,存放弹出页面直接上代码:根:非常重要,需要将弹出页面加载进去,不然弹不出来哦在存放弹出按钮的地方:总体:// import { Component, OnInit } from '@angular/core';impo...原创 2019-09-09 15:18:38 · 2955 阅读 · 0 评论 -
Angular 8 学习 (八 异步数据流处理数据)
获取异步数据的方法有:1.回调函数2.promise3.rxjs1.回调函数代码例子: getCallBack(back){ setTimeout(() => { var username:any="张三"; back(username); }, 1000); }调用2.promise...原创 2019-08-29 19:50:54 · 990 阅读 · 1 评论 -
Angular 8 学习 (七 进阶) 组件之间的传值问题
一、父组件给子组件传值@input在父组件中定义要传递给子组件的数据:父组件中在调用子组件的时候在子组件中添加要传递的数据子组件接受参数子组件引入参数方法二、父组件获得子组件的数据方法(在这里介绍@viewchild)给组件定义别名:引入viewchild组件关联调用:...原创 2019-08-29 19:45:00 · 869 阅读 · 0 评论 -
创建augular8项目是没有切换盘符,报错
记录自己的一个错误信息,是因为自己粗心造成的,我使用的是命令行来创建angular项目,使用的命令为ng new 项目名称 --skip-install就是在创建的时候不加载依赖。重点来了,我应该切换盘符,进入项目在加载依赖,然而我没有就报错导致在创建项目就出错问题是cnpm坏了,重装就好了卸载npm uninstall cnpm -g...原创 2019-08-29 09:07:11 · 128 阅读 · 0 评论 -
Angular8 css3动画 侧边栏滑动
实现了一个小demo,效果截图:上代码:html页面:<div class="centen"> 内容 <button (click)="toShow()">comeon!</button> <br> <button (click)="toBack()">go Banck!&l...原创 2019-08-28 18:23:20 · 606 阅读 · 0 评论 -
Angualr8 ViewChild报错
在使用angular8的@ViewChild的时候出现看红色的地方,提示需要两个参数这应该是8的不同之处吧这样写就可以: //获取header组件 @ViewChild('header',{static:true}) header:any; ...原创 2019-08-28 18:17:44 · 1452 阅读 · 2 评论 -
Angular 8 学习 (六 viewchild操作DOM)
Angular可以有两种操作DOM的方式,一种原生的js操作DOM,一种viewchile操作一 、首先讲一下原生js操作:1.在html标签中加入id<div id="div2"> js </div>2.在ts文件中使用原生js操作:****注意的是在操作DOM的代码放在ngAfterViewInit()方法中: ngAfterVi...原创 2019-08-28 18:13:01 · 1673 阅读 · 0 评论 -
Angular 8 学习 (五 服务)
服务:其实服务很好理解,据这么个例子,如果每个组件都有一个相同的方法,没回都要写太麻烦了,有的人就想组件之间相互调用,这样是行不通的,但是组件可以调用服务里面的方法。看到这里是不是很像java中的util类(我感觉很像,手动滑稽)而服务就提供了解决的办法,他将公共的方法进行封装,这样就可以在组件中调用这个公共的方法来吧,创建一个组件吧 ,啊呸,服务和组件创建的方法一样,命令行进...原创 2019-08-28 15:52:16 · 349 阅读 · 0 评论 -
vs code 禁止在系统上运行脚本
在使用vs code 创建angular组件的时候,报如下错误无法运行脚本,应该是不被信任,查看一下get-ExecutionPolicy;果然不被信任,修改让其信任set-ExecutionPolicy RemoteSignedok完美解决...原创 2019-08-28 11:09:05 · 2574 阅读 · 0 评论 -
Angular 8 学习 (四 注册小demo)
完成这样一个小demo前端页面<h1>用户注册</h1><div class="regist"> <ul> <li> 姓 名:<input type="text" [(ngModel)]="peopleInfo.username" class="form_in...原创 2019-08-27 19:07:17 · 513 阅读 · 0 评论 -
Angular 8 学习 (三 进阶)
前面讲解了angular环境的搭建,自定义组件的创建,使用。这都只是入门,准备好进入Angular的世界了吗?学习完这章,我们要会一下内容:第一个创建组件已经说了,就不多bibi了二. Angular数据的绑定学过1.x的应该都明白,调用数据是{{ }}这里也是:news.component.ts文件中定义,html中调用推荐的写法是:public user...原创 2019-08-27 17:24:13 · 617 阅读 · 0 评论 -
Angular 8 学习 (三 创建自己的组件)
前面我们已经学习了他的目录结构,下面我们自己上手创建一个组件自定义组件:创建组件的时候,我是选择的在cmd命令窗口进行操作,项目已经启动可以再开启一个项目进入到项目目录:ng g component 组件目录名称/组件名称eg:ng g component components/news //创建了一个目录components,并在他的下面创建了一个组件news...原创 2019-08-27 13:43:40 · 573 阅读 · 0 评论 -
Angular 8 学习 (二 目录解析)
上一章我们已经搭建好了angular的环境,并且创建了一个项目,现在,就来解析一下他的目录结构打开之后的项目是这样的;在这里说一下最主要的几个目录: src里面放的是以后开发所编写的代码package.json 里面存放的是npm的配置文件将src展开:app:组件,模块,根assets:静态资源index.html 主页面styles...原创 2019-08-27 13:30:33 · 281 阅读 · 0 评论 -
Angular 8 学习 (一:环境的搭建)
Angular的学习:1.环境的搭建:首先angular的运行需要有node.js的支持,所以需要先安装node.js在安装node.js的时候,最好安装最新稳定版本直接百度搜索node.js就可以node.js的安装百度完全可以搞定npm安装,这个是node.js自带的,不用管查看安装好的node.js和npmnode -vnpm -vnpm在下载...原创 2019-08-27 13:14:18 · 346 阅读 · 0 评论