-
angular – onLoad使用Iframe多次发生
所属栏目:[安全] 日期:2020-12-17 热度:127
在Angular 2中遇到一些问题,我正在创建一个具有iframe的组件并从输入中设置源.但是当它加载时,它会两次点击onLoad,一个用src =”,另一个用实际的输入url. 我似乎无法弄清楚当它被放入视图时如何将ifl挂钩为iframe. export class ExternalComponent implement[详细]
-
Angular2 – 指令不更新模型
所属栏目:[安全] 日期:2020-12-17 热度:68
我有一个包含数字值的html输入框的指令.当用户将数字粘贴到文本框中时,我有一个“清理”数字的指令(剥离逗号,美元符号等).清洁代码似乎工作正常,但即使文本框显示清理后的值,我的模型也没有使用清理后的值更新. 如何使用新值更新模型? Plnkr here 这是一个[详细]
-
在angular2模板ngFor中声明计数变量
所属栏目:[安全] 日期:2020-12-17 热度:59
假设我有一个数据数组如下. datas : [ { nums : [121,222,124,422,521,6312,7141,812] },{ nums : [121,812] }]nums = [121,812] 我想在序列号之后显示数组中的偶数,如下所示. 1. 2222. 1243. 4224. 63125. 8126. 2227. 1248. 4229. 631210. 81211. 22212. 1[详细]
-
Angular2 Observable回调
所属栏目:[安全] 日期:2020-12-17 热度:124
我试图在一个observable完成后实现一个简单的回调,这是我的代码: ngOnInit() { this.propertyService .getProperties() .subscribe( (data: ContentPropertyModel[]) = this.properties = data ); this.status = 'active';} 但是,在observable运行之前状态[详细]
-
Angular 2 – 模拟私有财产
所属栏目:[安全] 日期:2020-12-17 热度:148
虽然我理解测试代码的理想方式是以与生产相同的方式使用它,因此不直接处理私有属性和方法TypeScript让我有点沮丧. 我有一个用户服务. // user.service.tsimport {Injectable} from '@angular/core';import {AppHttpService} from '../app-http/app-http.serv[详细]
-
Rxjs结合了2个Observable,Angular 2
所属栏目:[安全] 日期:2020-12-17 热度:197
我有2个observable,两个http调用: itemList$:Observableany[];newItem$:Observableany[];ngOnInit(){ itemList$= this.http.getList(...some url...) // returns array of many items}createNewItem(){ newItem$= this.http.createNewItem(...some url...)[详细]
-
在TypeScript中调用Angular路由器
所属栏目:[安全] 日期:2020-12-17 热度:87
我在这样的页面中有一个按钮: button [routerLink]="['../edit',14]"Test/button 所以,如果我在http:// localhost / dashboard并单击按钮,我将被重定向到http:// localhost / dashboard / edit / 14,这正是我的预期. 现在我需要在Typescript中做同样的事[详细]
-
如何使用Angular 2中的rxjs按间隔请求异步
所属栏目:[安全] 日期:2020-12-17 热度:132
我想使用rxjs在http请求中设置间隔.我需要在请求完成后n秒内在服务器上发送数据. Observable.interval(10000) .?(() = { //request for server. return Observable return this.getData(); }) .subscribe(() = { console.log("Request done. After 10 second[详细]
-
angular – 如何在ng2-charts中使用插件?
所属栏目:[安全] 日期:2020-12-17 热度:67
我不确定如何将插件导入ng2-charts,特别是注释插件.我正在使用Angular2 / Ionic2.似乎没有任何文档或答案. 解决方法 我会避免像这样声明图表. 相反,您可以从’chart.js’导入{Chart},因为它无论如何都是ng2-charts的子依赖. 通过这种方法,您的IDE仍然可以进[详细]
-
Angular 2 Observable Interval锁定UI
所属栏目:[安全] 日期:2020-12-17 热度:186
当我使用Observable.Interval来执行UI的http刷新时,如果间隔太快,它会锁定UI上的按钮.按钮没有注册点击,似乎是一个时间问题.如果我增加时间并因此错过了获取调用按钮的工作,但数据在更新时会延迟. 间隔 this.dataSub = Observable.interval(1000).subscribe([详细]
-
AngularFire 2 – Auth.logout()回调
所属栏目:[安全] 日期:2020-12-17 热度:173
我正在尝试注销然后导航到登录URL,但是来自此URL的authguard会阻止已登录的用户查看它,并且因为在解析承诺之前已到达第二行,您需要单击方法事件两次以使其工作. logout(){ this.angularfire.auth.logout(); this.router.navigate(['']); } 当promise被解决时[详细]
-
angular – FormArray TypeError:value.forEach不是函数
所属栏目:[安全] 日期:2020-12-17 热度:60
为什么我一直收到这个错误?我想我做的一切都正常吗? “EXCEPTION:Uncaught(承诺):TypeError:value.forEach不是函数 TypeError:value.forEach不是FormArray.setValue中的函数“ 组件类: jobDetails: FormGroup;techFormArray: FormArray;constructor(p[详细]
-
Angular2浏览器历史记录导航
所属栏目:[安全] 日期:2020-12-17 热度:142
如何导航到以前的状态并返回浏览器历史记录. 我记得AngularJS支持这个: $window.history.back(); React支持这个: import { browserHistory } from 'react-router'browserHistory.goBack(); 如何在Angular 2 = v2.1.0中返回和以前的浏览器历史记录 解决方法[详细]
-
使用karma jasmine在angular2中模拟keyup.space事件以进行单元测
所属栏目:[安全] 日期:2020-12-17 热度:155
input type="checkbox" class="mocked_as_radio_button" (keyup.space)="spaceKeyPress($event)" 我有一个输入元素,它是一个复选框. 我想模拟keyup.space事件来测试其功能 spaceKeyPress($event) 不想使用jQuery. 解决方法 我猜你在寻找: debugElement.trig[详细]
-
Angular 2 Http RetryWhen
所属栏目:[安全] 日期:2020-12-17 热度:142
我正在尝试在HTTP调用中使用retryWhen. 尝试使用时,它完美地工作: return this.http.get(`${environment.apiUrl}/track/${this.user.instance._id}/${this.currentPlayer.playlist.id}/next?s=${this.playerCounter}`,options) .timeout(500,new TimeoutErr[详细]
-
angular-bootstrap – 如何禁用uib-timepicker箭头键?
所属栏目:[安全] 日期:2020-12-17 热度:119
即使在我使用它之后它仍然显示箭头 div uib-timepicker ng-model="mytime" arrowkeys="false" show-meridian="false"/div 这是羽毛球:https://plnkr.co/edit/j5JlXWsoldsj0iEdSUMY?p=preview 如何禁用它们?有谁知道?他们的文档说明可以隐藏箭头.这是一个[详细]
-
angular – 使用NgFor创建子组件,然后调用发出事件的方法
所属栏目:[安全] 日期:2020-12-17 热度:142
我可以想到一些方法可以解决这个问题,但我想就最“Angular”的做法提出一些建议. 我把an example of what I’m doing放在了一起. 主要组件使用NgFor迭代列表并创建一堆子组件.每个子组件在单击时发出一个由父组件拾取的事件.每个孩子也有一个方法update().[详细]
-
Angular 2:ngSwitch或ViewContainerRef.createComponent
所属栏目:[安全] 日期:2020-12-17 热度:98
我有一个案例,我在列表中动态创建组件(刷新很多)并使用像这样的ngSwitch: div *ngFor='let item of items' div [ngSwitch]="item.view" view-one *ngSwitchCase="'one'"/view-one view-two *ngSwitchCase="'two'"/view-two view-three *ngSwitchCase="'thre[详细]
-
Angular2设置元标题和描述
所属栏目:[安全] 日期:2020-12-17 热度:158
我创建了一个angular2网站,当我构建它时,我按照本教程所做的 http://blog.devcross.net/2016/03/20/angular-2-seo/设置元标题和描述.这似乎工作,浏览器中的标题实际更新确定.问题是,当我查看网站的查看源时,它仍然只显示驻留在主index.html文件中的html源而[详细]
-
Angular2的Http.post不会在POST方法调用的响应中返回标头
所属栏目:[安全] 日期:2020-12-17 热度:197
我正在调用REST端点.我想添加一个资源(下面). 但是,当我的服务调用Http的post方法时,它将调用请求,但不返回响应的头.至少,我遇到了Response实例的空头对象. (??) 我确实希望响应标题.特别是我希望Location标头作为“REST ADD RESOURCE”模式的一部分. Locati[详细]
-
angular – 使用ngModel访问输入文件[]
所属栏目:[安全] 日期:2020-12-17 热度:74
我的表单中有一个图片上传输入: input type="file" [(ngModel)]="item.image" name="image" #image 是否可以使用item.image ngModel访问#image.files [0](而不是创建引用)? 如果没有,当输入类型是文件时,ngModel仍然存储什么? 解决方法 Is it possible to[详细]
-
angular – 未处理的Promise拒绝:没有TranslateService的提供者
所属栏目:[安全] 日期:2020-12-17 热度:117
通过使用ng2-translation软件包,在angular2中使转换动态化 我得到的错误如下:未处理的承诺拒绝:没有TranslateService的提供商! zone.js:388Unhandled Promise rejection: No provider for TranslateService! ; Zone: root ; Task: Promise.then ; Value:[详细]
-
angular – Heroku部署错误:“找不到名称’require’.”
所属栏目:[安全] 日期:2020-12-17 热度:179
将基于Angular 2 Node的应用程序部署到Heroku会触发此错误: 94% asset optimizationError in bail mode: [default] /tmp/build_47b0228d68fca7157f36b354e7868841/src/app/account/account-list.component.ts:13:12remote: Cannot find name 'require'.remo[详细]
-
angular – 无法绑定到’ngModel’,因为它不是已知的本机属性或
所属栏目:[安全] 日期:2020-12-17 热度:69
我正在尝试学习angular2dart并遵循 anguar2dart site的教程. 考虑以下代码: import 'package:angular2/core.dart';class Hero { final int id; String name; Hero(this.id,this.name);}@Component( selector: 'my-app',template: ''' h1{{title}}/h1 h2{{he[详细]
-
Angular 2 – Angularfire 2身份验证状态
所属栏目:[安全] 日期:2020-12-17 热度:123
我迷失在可观察,承诺和状态的疯狂中.我需要帮助来解决这个问题. 我正在尝试使用Angularfire2模块在angular 2应用程序中实现注册/登录/注册功能.我从登录功能开始.我掌握了基础知识.我可以登录并重定向到新页面.到现在为止还挺好.在我的模板中,我正在检查用户[详细]