Angular
inprivacy
今天摸鱼吗
展开
-
在Angular中使用Ant Design of Angular里面的小图标
公司在开发一个Angular的项目,里面用到了Ant Design of Angular的Icon。出现了 origin ‘null’ has been blocked by CORS policy… 的问题解决方法: https://ng.ant.design/components/icon/zh Ant Design of Angular官方文档介绍在 app.module.ts 里加...原创 2019-04-22 11:00:09 · 3044 阅读 · 0 评论 -
ionic4中使用echarts报错,options不能绑定div
angular – echarts,报错Can’t bind to ‘options’ since it isn’t a known property of ‘div’.解决方法:import { NgxEchartsModule } from ‘ngx-echarts’; 不一定要引在app.module.ts中,在哪个module中使用就在哪个module中引用...原创 2020-05-20 10:16:34 · 462 阅读 · 0 评论 -
angular7使用mqtt,build后出现‘ws//localhost:8083’的问题
angular7使用mqtt,build后出现‘ws//localhost:8083’,而不是使用指定的IP地址去连接mqtt问题:mqtt自己把自己设为了localhost解决:1. 找到 node_modules/ngx-mqtt/src/mqtt.service.js2. 搜索hostname,找到‘localhost’,将其改为自己的IP地址...原创 2019-12-25 12:07:31 · 1149 阅读 · 0 评论 -
让angular项目使用scss
创建angular时,使用以下命令ng new your_application --style=scss原创 2019-12-12 16:14:16 · 285 阅读 · 0 评论 -
angular7 数据改变了,但是页面上没有作相应的改变
import {Component, OnInit, ChangeDetectorRef, ChangeDetectionStrategy} from '@angular/core';@Component({ selector: 'app-home', templateUrl: 'home.page.html', ...原创 2019-11-30 18:02:35 · 1810 阅读 · 0 评论 -
error TS1323: Dynamic import is only supported when '--module' flag is 'commonjs' or 'esNex t'.
找到tsconfig.json "module": "es2015" ====> "module": "esnext",因为目前 Dynamic import 特性还是 esNext 的阶段,而 Angular Cli 的tsconfig默认是 es2015,所以使用import()会提示这个错误。这个问题发生在升级到 Angular 8.0 之后,因为这一版本更...原创 2019-11-05 15:34:14 · 3976 阅读 · 0 评论 -
More than one module matches. Use skip-import option to skip importing the component into the closes
当目录下出现多个module的时候,component不知道注册到哪个module,就需要指定moduleng g c home --module=app其中,app代表的是app.module.ts,去掉了.module.ts原创 2019-11-05 11:44:53 · 176 阅读 · 0 评论 -
修改angular默认启动端口号
1.找到node_modules\@angular\cli\lib\config\schema.json2. ctrl+f 先找到原本的默认端口号4200,然后对其进行修改3.也可以修改默认启动地址localhost 改成自己想要的IP地址...原创 2019-10-28 16:07:42 · 560 阅读 · 0 评论 -
ionic4 + Angular7 使用echarts创建日历图,并添加点击事件
1.安装echartsnpm install echarts --savenpm install ngx-echarts --save2.angular.json引入 echarts.min.js"build": { "options": { ... "scripts": ["node_modules/echarts/dist/ech...原创 2019-10-16 16:37:51 · 817 阅读 · 0 评论 -
angular7使用mqtt
1.npm install ngx-mqtt --save2.创建一个mt.module.tsimport { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';import {IMqttMessage,MqttModule,MqttService} from 'ngx-mqt...原创 2019-10-14 12:01:35 · 1275 阅读 · 0 评论 -
Angular7使用websocket
在angular7中,cli已经自动配置了websocket,不用再次进行安装第一种websocket,没使用订阅,有断线重连的功能1.创建一个WebsocketService ws:WebSocket; url="ws://127.0.0.1:25555"; lockReconnect:boolean; constructor() { } createOb...原创 2019-10-14 10:13:00 · 1558 阅读 · 0 评论 -
angular7中 读取Excel中的数据
官方github:https://github.com/SheetJS/js-xlsx1. 安装xlsx.full.min.jsnpm install xlsxnpm install @types/xlsx或者 github上下载,找到dist文件夹下的xlsx.full.min.js,引入即可2.angular.json中导入xlsx.full.min.js"nod...原创 2019-10-08 17:35:48 · 2450 阅读 · 0 评论 -
angular7 build 后出现跨域的问题
问题:谷歌浏览器的配置问题解决:1.网上搜过说在google桌面图标右键—属性—快捷方式标签页—目标(就是google浏览器的安装路径)中路径后面添加"--allow-file-access-from-files",(注意前面有空格)2.继续,如果上述步骤不行,找到谷歌浏览器chrome.exe安装路径复制下来,我的是E:\Google\Application\chrome....原创 2019-09-12 18:12:14 · 548 阅读 · 0 评论 -
angular7使用bootstrap3中的轮播,一直报 $ is not defined
引入jQuery没问题引入bootstrap没问题照着文档上来的轮播组件中 .ts文件 declare var $:any;一切都没问题就是显示 $ is not defined ,不能轮播最后,重新引入了一下jQuery,还是在原来的位置引入结果成功了可以轮播了!!!其实没啥什么技术上的问题,就是重新引入了一下jQuery,划重点,划重点,重要的事情说...原创 2019-09-10 11:02:09 · 628 阅读 · 1 评论 -
angular7 路由路径中的" # "
一般我们习惯看的路由路径是http://localhost:4200/home可是有时候路径会变成http://localhost:4200/#/home路径中出现了 # ,是angular中使用了 hash模式设置hash模式有两种途径在app.module.ts中 引入 import {HashLocationStrategy, LocationStrat...原创 2019-07-12 09:40:55 · 1790 阅读 · 0 评论 -
jquery在angular中的引入以及使用
npm install jquery --save npm install @types/jquery --save-dev 在angular.json中引入jquery.js "build":{ "options":{ "scripts":[ "node_modules/jquery/dist/jquery.min.js" ] }...原创 2019-07-11 09:24:40 · 487 阅读 · 0 评论 -
Angular7 ng build 后页面不能显示的问题
1.资源加载失败<base href="/" /> //更改为<base href="./" /> 2.Unhandled Navigation Error<base href="/" /> //更改为<base href="" /> //并且路由配置文件中,添加{useHash:true}RouterModu...原创 2019-06-29 11:32:31 · 2339 阅读 · 0 评论 -
Angular7 引入Bootstrap3的轮播图,切换页面时不能自动录播
环境: Angular7 Bootstrap3解决: 1.在要引入轮播图的组件declare var $: any; 2.手动初始化 ngOnInit() { $('.carousel').carousel(); }...原创 2019-04-25 11:56:41 · 487 阅读 · 0 评论