前言: 我们前台用的是ionic+angularjs,做的是混合模式移动应用。最近有一个需求是,我在页面A上面滑动的时候,跳入页面B,页面B需要加载页面A的数据,这样的页面传值如何实现呢?那就需要用到LocalStorage本地存储了。Ionic Ionic是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构架应用程序,他
最近在做一些angularJs的一个App项目,遇到关于页面间参数传递的一些问题,angularJs的参数传递可以有很多方式,例如用Factory,基于factory和$rootScope.$broadcast()的传参, localStorage或sessionStorage传参等等,但是简单的界面传参我们使用路由传递非常方便。 在AngularJS的app.js中用u...
首先输入如下命令ng g services 目录名生成import { Injectable } from '@angular/core';@Injectable({providedIn: 'root'})//提供一个可以注册的服务export class StorageService {count: number = 1;constructor() { }//将数据写入localStorages
cordova是美国Apache基金会下的移动端跨平台开源项目,目前并不支持HarmonyOS next版本,但是在鸿蒙三方库中心的harmony-cordova主要用于鸿蒙版跨平台研发,特别是原Android和Ios的cordova项目,无需投入任何研发即可轻松生成鸿蒙版APP。
SCSS @import 警告与解决⽅案⚠ 警告信息?为什么会有这个警告?Sass 官⽅已经废弃@import ,推荐使⽤@use和@forward进⾏模块化管理。其主要原因包括:1.: @import允许多个⽂件共享变量和混合宏,可能导致命名冲突。2.: @import可能导致相同的⽂件被导⼊多次,影响编译性能。3.: @import导⼊的所有内容都是全局的,⽽@use采⽤更严格的作⽤域管理,避
nvm管理node、angular版本
在Angular中,模板中有一些变量在组件中经常变动,例如变量num:<div>经常变动的数字: {{ num }}</div>在组件中它的初始值设定为0num = 0;假设在组件中有个循环,不断更新num的值,每5秒给num加1。for (let i = 0; i < 100; i++) {setInterval(() => ...
constructor(private_cdr:ChangeDetectorRef,private_el:ElementRef,private_subscribeService:PatientSidebarService){}this._cdr.markForCheck();
RSA主要是生成公钥和私钥,公钥给前端加密,私钥用于解密。1、先在angular中引入jsencryptnpm install --save jsencrypt在index.html<script href="../node_modules/jsencrypt/bin/jsencrypt.min.js"></script>2、访问后端接口获取一个公钥@GetMapping(
使用angularJS时,用js获取不到ng-repeat遍历的元素节点我这是第一次写博客文章。主要是因为工作中,同一个功能,能够实现和能够表达出来,前者可能就是会用,后者可能除了会用,不仅总结了经验,在写文章时还要更清楚一项技术的一些原理,学会怎么去表达。原因:如下代码,还未被ng-repeat遍历的这一部分元素,要等到js代码执行完成后,才能被完全渲染到页面,所以当页面加载到script标签里
我的项目使用的是angular-cil 9.0自己写了个求和函数,得到最终和,这个和恰好是整数,但要求要有两位小数,我这样实现得:<td style="color: blue; font-weight: 700;"> {{totle2 |number:'0.2-2'}} </td>0.2 整数位保留最小位数.小数位保留最小位数,-2-小数位最大保留位置官方解释:使用方法:n
版本信息angular: 9.1.9leaflet: 1.6.0leaflet-draw:1.0.4项目背景目前在做气象方面项目,有一个需求是动态改变地图上面的polygon的形状及大小。备注本博客代码路径:https://github.com/xiaowuler/leaflet.git编码过程1、加载地图initMap(): void {// 创建初始地图(以安徽省地图为例)this.map =
项目中遇到此问题,研究了很久。最终解决,一开始以为是路由配置错误。在app.module.ts中添加,import{LocationStrategy,HashLocationStrategy}from'@angular/common';在providers位置添加{provide:LocationStrategy,useClass:HashLocationStrategy}...
使用angular挺长一段时间了,在关于表单的应用方面一直都在使用ng-zorro封装好的表单,至于他的基本概念以及相应的拓展都没有去详细了解,今天趁着空闲研究了一下form表单究竟是个什么东西,以及如何构建一个符合我们需求的自定义校验。
angular中ts中修改了数据,页面视图没有及时的刷新解决办法
angular6中进行多个异步请求,多个请求结束之后再进行之后的代码加粗样式import { Observable, of ,forkJoin ,merge ,zip} from 'rxjs';//获取入库时间分类this.createTimeList = dates//同时进行四个请求,在四个请求全部结束之后再进行 折线图初始化let browseHttp = this.service.stat
angular面试题Angular 是用的 TypeScript 的脚本语言一起构建的开发平台。一般自己通过angular脚手架创建的组件是由三个文件组成的。(关于angular脚手架或者基本命令,可以看我另一篇angular的文章——安装angular脚手架HTML文件:只写html.spec.ts文件:spec文件是你的源文件的单元测试文件,Angular应用程序的约定是每个.ts文件都有一个
简单来说个人对@viewChild的理解就是:它是一个指代,可以通过这个指代,得到这个组件或者元素。并且我们可以使用得到的这个组件的值和方法。为了更直观的知道它是做什么,直接上代码通过@viewChild获取子组件,得到子组件的值、调用子组件的方法子组件childcontent:'Zita';changeChildCon() {this.content = 'Zita1111'}父组件parent
作者:陈畏民源起今年寒假的前半段时间, 在家捣鼓了一个情侣类web应用, 基于aspnetcore和angular搭建的; 寒假中实现了'告白', '相册', '说说', '纪念日'这些功能, 然后前端界面上留一个功能的坑位:聊天, 点击这个聊天按钮, 可以看到四个字, 那就是敬请期待; 部署上线后, 用户当然只有我和我的"好朋友"使用, "好朋友"先跨了我真棒, 然后问聊天功能马上可以用了吧?
使用nd-cli创建新项目并运行后,在IE11中打开,发现页面空白不显示任何内容,此时需要修改src/polyfills.ts文件的内容/**************************************************************************************************** BROWSER POLYFILLS*//*...
步骤1.将引入的外部js文件放到assets文件下2.在angular.json文件中找到scripts配置js文件路径(注意不要添加到test标签下的scripts中)"scripts": ["src/assets/lib/echarts.js","src/assets/lib/jquery-2.1.1.min.js","src/assets/js/test.js","src/assets/js
在使用angular7.x开发公众号的时候遇到几个问题,特此记录下一、页面底部留白问题现象: 部分有表单的页面,在表单输入内容以后,键盘收缩之后,下方有一定的空白,下方有按钮的时候,按钮位置错位,无法点击提交,必须手动滑动是的页面留白消失后方可提交原因:其实就是设置页面高度为100%后,iOS下显示的兼容问题。解决办法:1. 在meta viewport标签里加属性:vi...
上图为先:轨迹的组成:起点、终点、一条线、线上的小车主要功能:添加轨迹、小车在轨迹上跑动、小车回到起点、小车回到重点、小车速度调节、轨迹的粗细调节实现方式:路书还有一种是在轨迹线不断的对小车进行添加和删除操作,感觉会更灵活,因为可以时刻记录你想要的数据,但是路书是封装好的方式,我也没有研究很全面添加轨迹// 画轨迹drawTrack(trackArr: Array<any>, star
rxjs 的 Observable(可观察对象)极大的方便了我们的开发,但是当 subscribe(订阅) 没有多次时,前一个订阅没有取消,导致订阅方法被执行了多次。ngOnInit(): void {this.query.select().subscribe((data) => {console.log(data);});}这种情况怎么办呢,可以手动取消订阅,但是有没有办法在 页面Dest
angular 动态设置title
this.routers.navegate([],{//隐藏路由参数信息skipLocationChange:true,queryParams:{},})
我在自己做angular的项目的时候,有时候会出现图片刷新不出来,需要第二次刷新才行。主要是没有配hash模式访问。配置方法。在app.modules的providers里面添加{provide: LocationStrategy, useClass: HashLocationStrategy}, // 哈希地址策略哈哈哈哈又学到了,开心...
angular的form表单验证注:基于日常工作的总结,只是基础用法,一般的情况下应该是够用了,本次总结是angular的响应式表单验证,不足之处欢迎指正!!!首先要在你的页面组件的ts文件中引入angular的表单模块import { FormBuilder, FormGroup, Validators } from '@angular/forms';2. 在构造器里面constructor(p
digital envelope routines::initialization error 具体错误原因:ERR_OSSL_EVP_UNSUPPORTED 错误SSL 数字信封不支持
angularjs的select下拉框选中某个选项<select class="form-control" ng-model="Sex" ><option value="1" ng-selected="true">男</option><option value="0">女</option></select>Sex = 0, 但
1、先在联网机子上安装angular/cli包。2、将全局下的包打包为zip;路径:C:\Users\Administrator\AppData\Roaming\npm\node_modules\@angular3、拷贝@angular.zip 压缩包到离线机器。4、离线机器的C:\Users\Administrator\AppData\Roaming\npm\node_modules路径下建立一
表示全路径完全匹配比如:路径为' ' 时才重定向到 /index/homeconst routes: Routes = [{path: '', redirectTo: '/index/home', pathMatch: 'full'}];相反 patchMatch 还有一个值是 prefix指以 ' ' 开头时即可重定向到 /index/home...
angular ERROR Error: Error trying to diff ‘[object Object]’. Only arrays and iterables are allowed at DefaultIterableDiffer.diffERROR TypeError: data is not iterable错误场景前端查询 数据库有值 则不报错,查询不到值则报错1原因后端空判
项目场景:将当前html页面导出成pdf问题描述:当滚动条置顶时,导出的pdf没任何问题,但当滚动条出现偏移后,导出的pdf要么内容缺失,要么纯空白页原因分析:导出pdf的思路:步骤一,先将页面进行分割步骤二,然后通过html2canvas将分割后的页面分别绘制成图片步骤三,最后通过jsPdf生成pdf根据导出思路可判断是在步骤二中出现了差错,查阅html2canvas的api发现配置参数有scr
import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';@Component({selector: 'kt-investor-investment',templateUrl: './investor-investment.component.html'...
angular运行时报内存溢出
下面的介绍以karma能正常运行为前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/ 目录结构 步骤 安装 npm install ...
1.在package.json加入"build-prod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod"2.打包运行npm run build-prod
基于angular7写的一个指令,在ionic3.x项目在用。因为加载图片超时等原因导致图片显示不出来,需要替换成默认或者指定图片1.err-src.tsimport{ Directive,Input } from'@angular/core';@ Directive({selector:'[err-src]',// Attribute s...
路由守卫所谓守卫,不就是把守出入口以控制进出的作用吗?路由守卫也就是掌控用户导航到应用不同场景的手段。简介到本系列教程目前为止,任何用户都能在任何时候导航到任何地方。但有时候出于种种原因需要控制对该应用的不同部分的访问。可能包括如下场景:该用户可能无权导航到目标组件或者需要先登录(认证)才能访问;在显示目标组件前,你可能得先获取某些数据;在离开组件前,你可能要先保存修改或者根据用户意愿判定是否保持
angular给对象属性报错报错:Cannot set property 'dbName' of undefined开始代码:定义对象public analyzeTaskParams: AnalyzeTaskParams;赋值:this.analyzeTaskParams.dbName = this.taskType;修改:public analyzeTaskParams = new Analyz
我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码,发现,我去,报错了,我一开始还以为是百度地图跟angular有冲突,然后我就去搜索啊,发现angula...
// 控件A一旦更改,控件B就触发校验this.forms.get('A')?.valueChanges.pipe(startWith('1'), debounceTime(200)).subscribe(res => {this.forms.get('B')?.markAsDirty()this.forms.get('B')?.updateValueAndValidity({ onlySelf:
实现效果当list.action不为空时执行click事件<tr *ngFor="let data of list" (click)="(list.action) && openMessage(data)"><td>....</td></tr>ts文件openMessage(data) {window.open(list.action
本套云HIS系统采用主流成熟技术开发,软件结构简洁、代码规范易阅读,SaaS应用,全浏览器访问前后端分离,多服务协同,服务可拆分,功能易扩展。多集团统一登录患者主索引建立、主数据管理,统一对外接口管理。系统有演示,文档齐全,电子病历评级过4级
重点说明: 假如先设定了 输入框disabled又打开,然后执行获取焦点,可能会失效,这个时候可以把getFocus函数放在定时器里,1秒钟后执行,就可以了哦~具体代码如下html <input #myInput id="myInputr" nz
1. Angular中组件之间通信的方式答案:Props down1、调用子组件时 通过自定义属性传值2、子组件内部通过Input来接受属性的值Events up在父组件中定义一个有参数的方法调用子组件时,绑定自定义事件和上一步的方法子组件内部通过Output和EventEmitter来触发事件并传值2. Angular的八大组成部分并简单描述答案:Module 是Angular开发中的基本单位,
一:如何实现表单项blackList的toggle为true时,显示limitNumber和limitDay提交表单时这两个选项为必填项,如果toggle为false,则无需校验这两个字短。第三步:定义一个函数,接受toggle的值,当为true时,通过setValidators手动设置其为必填项,否则通过clearValidators()函数清除验证规则。
angular
——angular
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net
登录社区云,与社区用户共同成长
邀请您加入社区