angular
詹姆ying
这个作者很懒,什么都没留下…
展开
-
angular组件之间传递消息
1.新建一个serviceexport class msgService { public messageChange$: BehaviorSubject<boolean> = new BehaviorSubject(false);}2.发消息this.msgService.messageChange$.next(true);3.接收消息this.subscriptions.push( this.msgService.messageChange$ .subsc.原创 2020-10-21 15:11:36 · 290 阅读 · 0 评论 -
Angular组件之间发送消息接收消息
需要创建一个service来发送接收消息import { Injectable } from '@angular/core';import { Observable, Subject } from 'rxjs';@Injectable({ providedIn: 'root'})export class MessageService { public message$: Ob...原创 2019-11-06 15:41:06 · 455 阅读 · 0 评论 -
angular 如何使用blob下载excel
接口public exportDatabase2(databaseId: number): Observable<ArrayBuffer> { return this.http.get(`${this.dataExportUrl}?id=${databaseId}`, {responseType: 'arraybuffer'}); }调用接口下载(这里不知道为啥不走success方法,接口200)this.schemaInfoServ.exportDatabase2.原创 2020-10-21 14:13:13 · 343 阅读 · 0 评论 -
angular怎么将markdown格式转换成html格式渲染在页面上
最近有个需求 后端返回markdown格式的数据前端要进行渲染查阅资料后具体操作步骤如下参考链接https://jfcere.github.io/ngx-markdown/cheat-sheet安装 ngx-markdown// 我这里项目时angular8的 所以也选择相对应的版本npm i [email protected] --save在AppModule中引用import { MarkdownModule } from 'ngx-markdown';@NgM.原创 2020-06-18 14:28:10 · 648 阅读 · 0 评论 -
vue,angular,微信小程序的一些不同(持续更新)
最近在学uni-app,发现和vue,微信小程序语法差不多,但公司技术栈是angular,已经接近一年没使用vue和微信小程序了,所以在这里小小总结下(基于自己),勿喷。一、数据绑定vuehtml部分<span>{{authorName}}</span><img :src="imgSrc">注: 这里遇到个问题 当我 写成 imgSrc...原创 2020-05-08 16:52:10 · 1016 阅读 · 0 评论 -
学习如何在angular中使用mock
最近做项目,后端工作繁忙,无法及时提供到接口,而自己写json不能满足随机性的要求,经同事推荐,简单学习了下mockjs。文档地址https://github.com/nuysoft/Mock/wiki/Syntax-Specification1.安装npm install mockjs --save2.简单使用import * as Mock from 'mockjs'...原创 2020-04-28 17:08:49 · 2417 阅读 · 0 评论 -
在angular中使用forkjoin
forkjoin的使用为什么要使用forjoin?个人理解:有的时候我们需要多个接口返回值之后才能加载数据渲染页面,此时可以使用forkjoincomponent.tsimport { forkJoin } from 'rxjs';forkJoin(this._apiService.getIndexCode('PatientTotal'),this._apiService.getI...原创 2020-04-27 10:16:12 · 2644 阅读 · 0 评论 -
在angualr中使用await async来实现接口的同步调用
在angualr中使用await async来实现接口的同步调用1.api-service.tspublic getRecordFragmentList(): Observable<string[]> { return this._http.get<string[]>('/api/TextStructureVariable/record-fragment-list'...原创 2020-06-23 10:07:23 · 856 阅读 · 0 评论 -
angular 后端返回非json格式如何引用记录
主要代码 {responseType: ‘text’}例子:public getToken(body: IToken): Observable<any> { // 这边后端没有返回json格式 ,后面要改 todo return this._http.post(`/api/token?userId=${body.userId}&deptId=${body.d...原创 2020-01-14 14:44:58 · 171 阅读 · 0 评论 -
记录angular写的个日期控件
html代码:<div class="calender"> <div class="calender-name"> xxxx日历 </div> <div class="calender-opt"> <div class="calender-opt-last" (click)="lastMonth...转载 2020-01-10 15:16:00 · 379 阅读 · 0 评论 -
记录下angular使用signalr
公司开发需要使用signalr来实现消息广播,查阅很多资料,和后端配合,基本实现效果npm install --save @aspnet/signalrnpm install --save @types/signalrproxy.json 这里错了容易出一堆错误{ "/hubs": { "target": "http://xxxx.xxxx.com", "change...原创 2020-01-10 09:43:32 · 1847 阅读 · 0 评论 -
记录个websocket.service
import { Injectable } from '@angular/core';@Injectable({ providedIn: 'root'})export class WebsocketService { public ws: WebSocket;//定义websocket connectWs(websocket: string) { if (this....原创 2020-01-07 17:02:07 · 101 阅读 · 0 评论 -
记录个指令 angular超长显示省略号并有下拉箭头
代码实现:写了个指令来满足效果html代码:<div class="home-list-item"> <div class="item-top"> <div class="item-top-level danger"> xxx </div> <div class="item-top-message"...原创 2020-01-03 14:17:32 · 627 阅读 · 0 评论 -
记录个问题Property ‘click‘ does not exist on type ‘Element‘
我想要在子组件给index.html发消息,但暂时没什么好解决办法,就在index.html上加个button并隐藏这里是index.html页面<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>危急值弹窗</title>...原创 2020-01-02 11:07:08 · 3955 阅读 · 0 评论 -
A路由守卫
1、先创建个服务ng generate service services/guard2、服务里面写import { Injectable } from '@angular/core';import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router';@Injectabl...原创 2018-10-14 18:14:59 · 117 阅读 · 0 评论 -
angular简单的动画
app-moduel上加import { BrowserAnimationsModule } from '@angular/platform-browser/animations';import { BrowserModule } from '@angular/platform-browser';imports: [ BrowserModule, BrowserAnimat...转载 2018-10-15 21:06:48 · 130 阅读 · 0 评论 -
angular浏览器不能点击返回
import { Component, OnInit } from '@angular/core';import { Router } from '@angular/router';import {Location} from '@angular/common';//这个要写@Component({ selector: 'app-flash', templateUrl: './fla...原创 2018-10-16 21:11:07 · 775 阅读 · 0 评论 -
Angular打包刷新报404错误
app-module上写import {PathLocationStrategy, LocationStrategy} from '@angular/common';ngModule上加上写@NgModule({ providers: [{provide: LocationStrategy, useClass: HashLocationStrategy]]);...转载 2018-10-25 20:32:22 · 556 阅读 · 0 评论 -
innerHtml中回车不生效可以使用white-space
好久没写博客了 都是用印象笔记 以后都纪录一份到博客吧html<div class="illness-timeline-content-detail" [innerHtml] = "abc | safe: 'html'"></div>tspublic abc: any = '病程记录内容:经过几天的治疗,现在情况已经好转\r\n估计过几天就能出院了';css...原创 2019-09-18 10:51:41 · 230 阅读 · 0 评论 -
angualr U封装
1、创建一个类ng generate class util/global-setting2、类里面写// 通用配置export class GlobalSetting { // url接口配置 static getRootURL():string{ return 'http://192.168.7.100/librarywebapi/' }}...原创 2018-10-14 17:41:44 · 60 阅读 · 0 评论