angular
文章平均质量分 98
小牛呼噜噜
书写思维的火花
展开
-
angular7学习笔记(1)——ngClass的简单使用
今天用到了ngClass来实现动态更新图标的功能,简单记录一下图标库是 font awesome设置 标志 classFlag <i class="fa" [ngClass]="{'fa-microphone': classFlag,'fa-microphone-slash': !classFlag}" (click)="disableMic(user.user_id)...原创 2019-03-08 09:22:15 · 1575 阅读 · 0 评论 -
angular7学习笔记(3)——修改angular默认的4200端口
2种方法1、强行修改配置文件找到@angular/cli包,按照如下路径找到config文件夹下面的schema.json文件,ctrl+F找一下4200,改为你想要的之后执行>ng serve重启后即可生效:2、指定端口启动(推荐)ng serve --port 4300改命令执行后,服务会自动重启,重启后生效...原创 2019-03-14 12:02:41 · 1216 阅读 · 0 评论 -
angular7教程(2)——新建页面
继续上一章,我们用命令行 ng generate component login 生成了一个新的组件。现在我想让它成为一个新的页面,不仅仅让他成为其他页面的组件。1、修改app.component.html<router-outlet></router-outlet>2、修改路由app-routing.module.tsimport { NgMod...原创 2019-03-14 14:43:47 · 5518 阅读 · 0 评论 -
SpringBoot+STOMP 实现聊天室(单聊+多聊)及群发消息详解
上篇系列文章:springboot+websocket构建在线聊天室(群聊+单聊)最近发现stomp协议来实现长连接,非常简单(springboot封装的比较好)本系列文章:1、springboot+websocket构建在线聊天室(群聊+单聊)2、SpringBoot+STOMP 实现聊天室(单聊+多聊)及群发消息详解3、websocket stomp+rabbitmq...原创 2019-03-19 14:26:11 · 15643 阅读 · 12 评论 -
angular7学习笔记(4)——angular数据双向绑定
每天积累一点1、html<div class="ui-inputgroup"> <span class="ui-inputgroup-addon"><i class="fa fa-user"></i></span> <input type="text" pInputText placehol...原创 2019-03-18 19:51:51 · 3709 阅读 · 0 评论 -
angular7学习笔记(5)——统一的异常处理
对于前端的异常,有时候我们不需要解决的时候 或者 解决不了时,我们可以抛出异常,这样前端就不会报错了主要对app.modules.ts进行修改,其他地方不用修改:Angular提供了一种惯用的安装错误处理程序的方法。您所要做的就是创建一个ErrorHandler从@angular/core包中实现接口的类。该类必须实现该handleError()方法。import { ErrorHa...原创 2019-03-18 19:52:08 · 2923 阅读 · 0 评论 -
angular7教程(1)——初步了解angular7及项目构建
1、安装clinpm install -g @angular/cli2、创建工作区和初始应用项目ng new my-appnpm ERR! path E:\aGit-project\myapp\node_modules\.staging\typescript-53141799\lib\tsserverlibrary.jsnpm ERR! code EPERMnpm ERR!...原创 2019-03-14 20:40:39 · 6056 阅读 · 0 评论 -
angular7学习笔记(2)-定时器$interval
由于本人不是主做前端的,但因开发的实际业务要求,选择了angular。写下此文,方便日后回顾1、html{{time}}2、tspublic time :number = 15;var interval = setInterval(function() { if (this.time > 0) { this.time --; } els...原创 2019-03-13 16:39:51 · 3071 阅读 · 0 评论