angular6

angular6使用angular-cli构建项目，引用bootstrap样式无效

使用bootstrap样式库来书写HTML页面时，发现在angular.json中引入了bootstrap全局css样式："styles":["src/styles.css","node_modules/bootstrap/dist/css/bootstrap.css"]但是发现页面没有加载任何bootstrap样式，而且也没有报错，能正常启动。经过多番排查，发现node_modules中有有两个
watercatmiao·2020-08-18 03:01

angular6以上注意的问题

angular6以上监听页面变化事件import{fromEvent}from'rxjs';fromEvent(window,'resize').subscribe((event)=>{})值的绑定插值
云深๑不知处·2020-08-18 02:45

angular6+zorro框架实现前台分页

angular6+(ng-zorro)框架实现前台分页import{Component,OnInit}from'@angular/core';@Component({selector:'app-header
kksw1121·2020-08-18 02:37

Angular6以ng serve方式启动时指定环境方法及关联知识点

一.踩坑1.问题来源如何自定义环境并在启动时指定环境2.解决方案使用configuration参数启动项目，如ngserve--configuration=localorngserve-clocal启动名为local的环境环境的定义在angular.json文件中(architect下build和serve都要添加环境配置)，如下所示"configurations":{"production":{
汪喆_Jack·2020-08-18 01:49

angular6 MatPaginatorIntl 的使用

1.新建my-pagination.ts（必须新建）2.添加代码import{MatPaginatorIntl}from'@angular/material';constdutchRangeLabel=(page:number,pageSize:number,length:number)=>{if(length==0||pageSize==0){return`0到${length}`;}lengt
qq_34610497·2020-08-18 01:43

Angular6 从打包到部署IIS上

以下为打包方式：通过命令行ngbuild--prod--aot会生成dist文件夹，将dist文件夹中的文件，直接上传到服务器IIS站点下。然后发现可以正常访问，但是刷新页面就会报400错误，这时需要进行如下配置：1.安装URLrewrite组件：网址：https://www.microsoft.com/en-us/download/details.aspx?id=473372.在该网站目录下添加
gx_up·2020-08-18 00:33

微信公众号前端开发（angular6/7）

angular框架非常好用，但是国内确实资料不多，关于微信公众号开发，我只找到了17年的比较老的教程，这里对相关教程做了一个更新。感谢古尘师姐的教程。本文档只进行到微信公众号授权登录部分，其他众多接口使用这里不做具体说明。一、这里首先做微信公众号，微信小程序和微信第三方平台的区别说明。微信公众号：只能在微信端打开，通过web技术开发。微信小程序：只能在微信端打开，通过微信小程序框架开发。微信第三方
lurenxie·2020-08-17 23:02

在 angular6/7 中使用 Word Cloud 标签云

找了一圈，没有发现特别详细的关于在angular6/7中使用WordCloud标签云的好的教程，然后花了点时间看了下官方文档，也不太详细，这里做下详细教程。
lurenxie·2020-08-17 23:02

在 angular6/7 中使用 umeditor 富文本编辑器

目前做angular7项目是用的zorro后台框架，很好用，除了没有富文本编辑器，于是到处找，最后选定了umeditor，比较轻量级，但是，找了一大圈后发现开不起来，最后百般折腾终于搞定，这记录下几个关键点。首先按照npm的官方教程，地址是https://www.npmjs.com/package/ngx-umeditor1、通过npm安装ngx-umeditornpminstallngx-ume
lurenxie·2020-08-17 23:02

angular6 启动前注入一些配置参数

一、背景同一个项目，卖给不同的公司，需要进行OEM定制化开发。产品的logo、名称、及配置地址都不相同，因此在项目中处理这个问题。二、解决方案1、在项目启动时加载不同的配置文件，将固定不变的logo等信息动态注入到项目服务中去。1）、在src/environments中新建自定义的配置文件2）、在main.ts中注入配置的参数（DYNAMICENVIRONMENT方便开发环境进行切换，新建个配置文
plia·2020-08-17 23:19

angular6中使用全局配置拦截器以及请求路径

直接贴代码import{Injectable}from'@angular/core';import{HttpEvent,HttpInterceptor,HttpHandler,HttpRequest,HttpErrorResponse,HttpResponse}from'@angular/common/http';import{Observable}from'rxjs/observable';im
qq_34610497·2020-08-17 18:19

angular6打包时报错 ERROR in src\app\user.component.html(14,31): : Expected 1 arguments, but got 0

在用ngbuild--prod打包时报错ERRORinsrc\app\user\change-phonenext\change-phonenext.component.html(14,31)::Expected1arguments,butgot0.处理方法:查看函数是否传参我的错误代码ts文件modifyPhone(number){//函数中没有用到number}html文件确定正确代码ts文件m
盼盼盼·2020-08-17 18:47

OsharpNS轻量级.net core快速开发框架简明入门教程-Osharp.Redis使用

快速开发框架简明入门教程教程目录从零开始启动Osharp1.1.使用OsharpNS项目模板创建项目1.2.配置数据库连接串并启动项目1.3.OsharpNS.Swagger使用实例(登录和授权)1.4.Angular6
吃素的小动物·2020-08-16 15:42

Angular6 + My97DatePicker时间选择器实现数据双向绑定

Angular6+My97DatePicker时间选择器实现数据双向绑定在angular6中使用MyDatePicker97的时候直接使用ngModel或者form表单的formControlName不能直接获取到值
前端毒脚show·2020-08-15 20:55

angular6 双击的时候禁止单击事件产生dblclick

代码如下所示：html代码如下：ts代码如下：//定义两个全局变量isdb;timeout;//单击方法clickF(){this.isdb=false;varthat=this;this.timeout=setTimeout(function(){if(that.isdb!=true){//单击处理事件}},500)}//双击方法dblclickF(){this.isdb=true;}
wyr_xiaowu·2020-08-15 19:59

angular6.x 动态表单 FormArrayName

主要思路利用this.fb.array先占位formControl添加的时候再重新构造formArray-》setControl重新修改Control展示代码是两层formArray嵌套代码有点复杂且不完整请谅解～html注意formArrayNameformGroupName的使用就ok了formArrayName是占位formControl的名字formGroupName是动态array的下表
乐摸森先生·2020-08-15 18:56

angular6 限制文本长度，多余部分点点点显示

需求限制多余文本长度，以'......'替代，并且鼠标移动到上方显示全部文字信息。效果图代码html......{{data.zdBh}}{{data.xzqDm}}{{data.mj}}{{data.tdYtMc}}{{data.zdZl}}......ts中的style@Component({selector:'app-gyzd-list-multi',templateUrl:'./app-g
winner_corl·2020-08-15 18:42

升级angular6踩坑

1.Cannotfindmodule'tslib'报错，npminstalltslib--save解决2.tslib_1.__exportStar(require("@angular/compiler-cli/src/metadata/collector"),exports);TypeError:tslib_1.__exportStarisnotafunction。发现是tslib版本太低了，之前
低调奋进·2020-08-15 09:40

Angular 6.0已发版: Angular快速入门

Angular6.0.0于2018年5月4日正式发布，今天我们一起来跟着其官网(https://angular.io/guide/quickstart)的例子做个简单入门吧！
weixin_34221775·2020-08-15 08:13

在Angular6中使用国内镜像也无法安装module的一种情况解决（以angular-in-memory-web-api为例）

首先说环境，我是npm5.6.0，Angular6，windows764位$npm-version5.6.0问题背景：学习Angular有一段时间了，现在想系统的根据官网学习一遍，但在最后一个课程出了问题官方课程
嘤鸣求友·2020-08-15 08:46

Angular6升级到Angular8报错解决合集

1.polyfills.ts中reflect文件丢失报错如下ERRORin./src/polyfills.tsModulenotfound:Error:Can'tresolve'core-js/es7/reflect'in'E:\AJ\update_to8\LibraryDemo\telerik\src'解决方案import‘core-js/es7/reflect’;替换为import'core-
爆裂吧叶子·2020-08-15 07:31

angular6 ngx-echarts 图表数据更新

最近在用angular写一个echarts图表，初始化赋值数据可以展示，但是重新获取数据以后，图表不会刷新。后来发现了问题点所在，onChartInit(ec){this.echartsIntance=ec;}然后把最新的数据更新一下就好啦。总结一下，不能急躁，认真思考，耐心处理问题，才能找到办法。第一次发文章，啦啦啦。转载于:https://www.cnblogs.com/yinyueyu/p/
dengjie1948·2020-08-14 06:05

angular6.x 国际化解决方案-ngx-translate

原文地址：Liang的博客安装ngx-translate模块包npminstall@ngx-translate/[email protected]@ngx-translate/http-loader--save注意：ng6需引入ngx-translate10.0以上版本创建i18n语言文件在assets文件夹下创建国际化语言文件夹i18n，在i18n文件夹下创建相应的语言包文件，
夏夜听风雨·2020-08-13 17:13

angular6导入rxjs报错 "../node_modules/rxjs/observable没有导出的成员Observable"

angular6项目中使用导入Observable，of导入时报错“…/node_modules/rxjs/observable没有导出的成员Observable”这是因为rxjs的版本不同引入方式也不相同先查看
kksw1121·2020-08-12 17:00

在Angular 6中使用ngx-echarts 组件的地图（map）图表

ngx-echarts官方demongx-echarts是根据echarts插件开发的，适用于Angular2.x及以上，另外不同版本的ngx-echarts也适用于不同版本的Angular，主要划分版本是Angular6
zhy前端攻城狮·2020-08-12 14:27

angular6路由守卫详解

一.什么是路由守卫？什么情况下使用路由守卫？定义：在进入或离开路由时进行一定条件的判断和处理。应用场景：用户可能无权导航到目标组件用户得先登录（认证）在显示目标组件前，你可能得先获取某些数据在离开组件前，你可能要先保存修改你可能要询问用户：你是否要放弃本次更改，而不用保存它们？路由守卫返回一个布尔值，来控制路由器的跳转行为返回true，导航过程会继续返回false，导航过程就会终止，且用户留在原地
大个子小可爱·2020-08-12 14:41

Angular6-新建组件component

进入预建组件的上级如我要在views下新建模块，在terminal中通过cd命令到views下先新建模块如下新建一个home组件nggmhome后新建页面nggchome添加常用模块import{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{HomeComponent}from'./hom
温暖_小窝·2020-08-12 14:47

angular6 路由的声明周期，拦截处理

文章目录文章参考路由器生成周期事件案例文章参考Angular5.0来了!有这些大变化路由器生成周期事件我们给路由器添加了新的生命周期事件，让开发者可以跟踪runningguard启动到激活完成的各个阶段。这些事件可在有子组件更新时，在一个特定的路由器出口上展示加载动画，或者测量性能。新的事件（按顺序）是GuardsCheckStart、ChildActivationStart、Activation
胖鹅68·2020-08-12 14:03

在ANGULAR6中使用Echarts的正确方式之一

这里的正确指的是不会在运行过程中报错，不会再prod模式下编译报错，不会再AOT模式下编译报错个人环境说明：{"name":"angular-for-echarts","version":"0.0.0","scripts":{"ng":"ng","start":"ngserve","build":"ngbuild","test":"ngtest","lint":"nglint","e2e":"ng
bangunzheng7426·2020-08-12 14:22

九，angular6-路由

1.使用脚手架工具生成路由nggeneratemoduleapp-routing--flat--module=app（1）--flat表示不生成文件夹，而是生成平级文件。（2）--module==app表示将改文件注入到app.module.ts中的import中，不用手动引用2.修改生成的路由文件import{NgModule}from"@angular/core";import{RouterM
裂魂人1214·2020-08-12 14:21

用WijmoJS玩转您的Web应用 —— Angular6

为什么选择WijmoJS？作为一款纯前端控件集，WijmoJS秉承“快如闪电，触控优先”的设计理念，在提供优质服务和产品的同时，专注于企业应用开发，不断优化产品架构，与时俱进。除在全球率先支持AngularJS外，现已全面应用于React、Vuejs、TypeScript、Ionic等主流框架中。凭借先进的触控设计和全面的AngularJS支持，WijmoJS的FlexGrid和图表控件更专注于顶
weixin_34064653·2020-08-09 00:10

angular6 表单验证

按照官网执行npminstall-g@angular/clingnewmy-app再执行ngserve--open报错这是因为没有在my-app文件夹目录下执行，官网的指令是自己执行命令时，少写了cdmy-app。模板表单有三个指令：ngForm、ngModelGroup和ngModel,都是来自FormsModule，因此要在app.module.ts中，1.导入FormsModule。2.把F
Night_Emperor·2020-08-08 13:29

angular6表单验证，简单实例

html（模板）部分============================================================================请填写节点名称注意：1、需要验证的单元一定要加个[formControlName]="'nName'"，[(ngModel)]="nName"可以不用，在组件里获取方式是：this.addNodeForm.controls['n
疯狂大嘴·2020-08-06 11:55

angular6 使用websocket

import{Component,OnInit}from'@angular/core';import{webSocket}from'rxjs/webSocket';@Component({selector:'app-open-orders',templateUrl:'./open-orders.component.html',styleUrls:['./open-orders.component.
weixin_34377919·2020-08-05 20:18

angular6 实现全屏，退出全屏，监听esc事件更换相应图标

全屏和退出全屏注意errorTS2339:Property'mozRequestFullScreen'doesnotexistontype'HTMLElement'.类似相关错误，处理办法//全屏constdocElmWithBrowsersFullScreenFunctions=document.documentElementasHTMLElement&{mozRequestFullScreen
玉米_欣·2020-08-05 17:05

angular6使用sockjs-client+stompjs进行websocket连接的方法

安装sockjs、stompjsnpminstallsockjs-client--savenpminstallstompjs--save引入importSockJSfrom'sockjs-client';importStompfrom'stompjs';使用this.socket=newSockJS(`/iot-mdg/gs-topic-websocket?access-token=${token
玉米_欣·2020-08-05 17:05

angular上传文件

根据angular6的特性，我们选择符合其本身的框架ng-zorro，这是一款angular的框架，详情请了解ng-zorro官网。
Meng123456xili·2020-08-05 12:26

Angular6 学习笔记——组件详解之模板语法

angular6.x系列的学习笔记记录,仍在不断完善中,学习地址:https://www.angular.cn/guide/template-syntaxhttp://www.ngfans.net/topic
weixin_30823683·2020-08-05 11:00

Angular6 学习笔记——组件详解之组件通讯

angular6.x系列的学习笔记记录,仍在不断完善中,学习地址:https://www.angular.cn/guide/template-syntaxhttp://www.ngfans.net/topic
第八个猴子·2020-08-05 11:54

Angular 6 HMR 热加载配置

，直译：热模块替换，如果不开启HMR模式，angular项目在模块更改的时候会从根节点开始刷新，开启HMR模式以后，只会刷新有修改的地方，开发效率在某种意义上可以提高配置步骤配置前提：你已经创建了一个angular6
weixin_30549657·2020-08-03 06:27

NG-ZORRO1.x自定义主题

1、安装Angular脚手架$npminstall-g@angular/cli2、创建Angular6.x项目名为myzorro$ngnewmyzorro3、初始化配置ng-zorro$ngaddng-zorro-antd
王秦·2020-08-03 04:07

Angular6自定义environment配置

Angular6以往版本自定义environment配置在.angular-cli.json文件中，1、在.angular-cli.json文件中“environments中"添加例如："environments
王秦·2020-08-03 04:36

Angular6项目升级为Angular7

写这篇博客之前，我想大声感叹一下，看官方文档，看官方文档，看官方文档！！！先放上官方文档链接在此：https://update.angular.io/。我要是早点发现这个链接也不会浪费了两天时间，伤心啊。我是6升级为7，其他版本升级的情况请参考官网文档，千万不能照搬。一、升级之前需要进行下面两个步骤：1.首先检查项目中有没有使用HttpModule和Http服务，如果有的话需要替换成HttpCli
diyi6976·2020-08-02 23:02

angular6 rxjs启动报错 ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.

引入rxjs模块后，启动项目报错ERRORinnode_modules/rxjs/internal/types.d.ts(81,44):errorTS1005:‘;’expected.node_modules/rxjs/internal/types.d.ts(81,74):errorTS1005:‘;’expected.node_modules/rxjs/internal/types.d.ts(8
我是很棒的啊·2020-08-02 23:10

问道Angular——Angular5/6/7项目添加热更新(HMR)功能

  提供angular6以上HMR(热更新)功能使用hmr-clinpmi-ghmr-cli  初始化angular项目,命令行进入该目录hmrinit  npmrunhmr启动项目将附带hmr功能。
weixin_34396902·2020-08-02 21:26

Angular6-hmr开发配置

A：什么是HMR？Q：HMR（热替换）用于在运行的应用程序中更新代码而不需要重建它。这将导致更快的更新和更少的全页重新加载。创建HMR的环境在environments文件夹中新建src/environments/environment.hmr.ts，内容分别配置为：exportconstenvironment={production:false,hmr:true};将src/environment
王秦·2020-08-02 20:54

【汇总】59篇原创系列汇总

点击上方“前端自习课”关注，学习起来~本文目录：1.JavaScript2.ECMAScript3.设计模式4.正则表达式5.数据结构与算法6.HTTP7.Angular68.GraphQL9.HybridApp10
pingan8787·2020-08-02 20:34

XXX项目web技术总结

开发版本...33项目目录结构...34使用css预处理：sass.44.1配置sass45依赖插件/库...65.1ng-bootstrap.65.2font-awesome.65.3material.angular66
蒙奇·D·伊丽莎白·2020-08-02 19:01

angular6引入jquery和jquery插件

文章目录文章参考案例说明一、angular-cli.json引入jquery和jquery插件二、在业务逻辑代码中文章参考Angular杂谈系列1-如何在Angular2中使用jQuery及其插件angular4引入jQuery和基于jQuery的插件！案例说明一、angular-cli.json引入jquery和jquery插件"scripts":["node_modules/jquery/di
胖鹅68·2020-08-01 12:39

angular6 内置管道(过滤器)

文章目录文章参考管道说明常用的管道（pipe）自定义管道文章参考Angular管道的使用管道说明angular中的管道(pipe)以及自定义管道-适用于angular4angualr5angualr6angular7angular中的管道(pipe)是用来对输入的数据进行处理，如大小写转换、数值和日期格式化等。常用的管道（pipe）大小写转换{{str|uppercase}}//转换成大写{{st
胖鹅68·2020-08-01 12:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他