小编kfa*_*kfa的帖子

避免Angular2在按钮点击时系统地提交表单

好的,也许这还不清楚.获取此表单:

<form (ngSubmit)="submit()" #crisisForm="ngForm">
   <input type="text" name="name" [(ngModel)]="crisis.name">
   <button type="submit">Submit</button>
   <button type="button" (click)="preview()">Preview</button>
   <button type="reset" (click)="reset()">Reset</button>
</form>
Run Code Online (Sandbox Code Playgroud)

为什么所有按钮都会触发submit()功能?以及如何避免这种情况?

javascript forms submit angular

94
推荐指数
6
解决办法
5万
查看次数

Angular2:Access-Control-Allow-Headers不允许使用X-XSRF-TOKEN

我正在努力解决这个问题,因为我正在实施跨站点API调用.最糟糕的是它在我的本地环境中运行良好但是一旦在heroku上运行,它会因以下错误而失败:

XMLHttpRequest无法加载https://restcountries.eu/rest/v1/all.在预检响应中,Access-Control-Allow-Header不允许请求标头字段X-XSRF-TOKEN.

这是触发调用的函数:

  let observable = this._http
    .get(GEO_API_URL + query)
    .map(response => response.json())
    .do(val => {
      this.cache = val;
      observable = null;
    })
    .share();

  return observable;
Run Code Online (Sandbox Code Playgroud)

任何的想法 ?

谢谢.

xmlhttprequest heroku cors angular

10
推荐指数
2
解决办法
1万
查看次数

RXJS:从of()移至Scheduled()

我使用of()运算符创建具有简单值的可观察对象,例如of(navigator.onLine),但是我必须更新RxJS版本,并且我不赞成使用此linter警告,请改用Scheduled。

显然不是完全相同的功能,我不应该设置调度程序。

您将如何对待?

任何帮助表示赞赏。

谢谢。

javascript rxjs typescript

8
推荐指数
1
解决办法
865
查看次数

使用angular2测试hammerjs事件

我正在构建一个测试套件,并尝试覆盖100%的代码.事情是,我在平移时有回调函数.有没有人如何在angular2上使用karma和jasmine正确测试hammerjs事件?

HTML

<div (pan)="panning($event)" id="square">
Run Code Online (Sandbox Code Playgroud)

打字稿

public swiper($event) {
  let e = $event;
  let top = e.center.x - (e.target.clientHeight/2);
  let left = e.center.y - (e.target.clientWidth/2);
  e.target.style.transform = 'translate3d('+ top +'px, '+ left +'px, 0px)';
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

中号

unit-testing hammer.js angular

5
推荐指数
1
解决办法
723
查看次数

Angular2从另一个组件访问变量

尝试EventEmitter但没有机会和如此少的文档...任何帮助赞赏

我有一个名为sidebar的组件和另一个名为header的组件,当你单击标题中的一个按钮时,它应该隐藏侧边栏...你如何在angular2中实现这一点?

谢谢

variables events binding angular

4
推荐指数
1
解决办法
7260
查看次数