如何记录then function angular2中发生的事情？
在Angular 2中，可以使用RxJS库中的Observable对象来记录then函数中发生的事情。Observable是一种用于处理异步数据流的对象，它可以订阅并观察数据的变化。
要记录then函数中发生的事情，可以按照以下步骤进行操作：
- 导入Observable对象和其他必要的依赖项：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/toPromise';- 创建一个Observable对象，用于记录then函数中发生的事件：
const eventObservable = new Observable(observer => {
// 在这里可以触发各种事件，例如异步操作、定时器等
// 当有事件发生时，通过observer.next()方法发送事件数据
// 当事件结束时，通过observer.complete()方法通知事件结束
});- 在then函数中订阅Observable对象，并处理事件：
.then(() => {
eventObservable.subscribe(
data => {
// 处理事件数据
},
error => {
// 处理错误
},
() => {
// 处理事件结束
}
);
});通过以上步骤，可以在Angular 2中记录then函数中发生的事件。需要注意的是，以上代码只是示例，实际应用中需要根据具体需求进行适当的修改。
关于RxJS库和Observable对象的更多详细信息，可以参考腾讯云的产品介绍页面： 腾讯云RxJS产品介绍
相关·内容
我有一个简单的组件
import {Component} from 'angular2/core';
import {RouterLink, RouteParams} from 'angular2/router';
import {Http, Response, Headers} from 'angular2/http';
import {User} from '../../models/user';
import 'rxjs/add/operator/map';
@Component({
templa
浏览 2提问于2016-03-15得票数 24
回答已采纳
我使用的是，而且我遇到了一个问题，即Visual无法识别带有类型记录导入模块的Angular2，这一切都很好：
上面写着：
找不到‘angular2 2/platform/browser’模块
我的应用程序：
是编译没有错误的.ts文件。
它在浏览器中运行，没有错误。
如果我在VS代码中打开项目，它可以正常工作，IDE中没有错误。
我知道类型记录应该直接从node_modules -> angular2 读取.d.ts文件，但是无论如何，我尝试添加angular2，但仍然没有工作。
Atm使用VS 2013更新5，安装了类型记录1.5 (我也尝试了
浏览 6提问于2015-12-21得票数 6
回答已采纳
在下面的类型记录代码中，我想调用一个需要导入的函数。我可以在类的构造函数中初始化导入，但是如何在公共函数中实现呢？
import {Http} from "angular2/http";
export class AppComponent {
constructor( properties.
public http: Http
) {
this.http.get(...){} //FUNCTION 1: this function works fine
this.getAll(); //this does not work as
浏览 0提问于2016-01-23得票数 1
回答已采纳
3回答
我想将@ wanted模块重命名为angular2，因为我发现它更易读，并且想了解导入是如何工作的。
因此，在我试图更改此之前，systemjs.config.js如下所示：
(function(global)
{
var map =
{
'app': 'app', // 'dist',
'@angular': 'node_modules/@angular',
/*...*/
};
var packages =
{
浏览 2提问于2016-05-13得票数 0
回答已采纳
我正在努力将一个应用程序从JavaScript\Ionic\Angular2 1迁移到类型记录\Ionic2\Angular2 2，每次一个文件。我已经倾注了几十个如何- to和关于从一个迁移到另一个，完成了角2快速启动和教程，并看到了如何从.js到.ts，以及安装所有的npm软件包，我需要。假设我拥有启动迁移过程所需的一切，我真的需要帮助--实际上已经开始了。我有几十个文件要转换，只要正确转换一个文件，并将旧代码注释掉，作为转换其他文件的参考，这将极大地帮助我。
这是一个示例文件。如果你能帮我转换一下，或者带我完成转换，我会非常感激的。
angular.module('myApp.a
浏览 2提问于2016-07-01得票数 4
回答已采纳
3回答
我有点理解变化检测在角2中是如何工作的，但是我真的很难将我的AngularJS方法转移到NG2中去检测变化。
假设我有一个组件，它接受一个@anObject() anObject，并且有一个函数，即anObject，为了参数起见，它将所有属性记录到控制台。我想做的就是每次anObject发生任何变化时都调用。
我理解，将对象视为不可变的对象(无论是使用Immutable.js这样的外部库，还是通过强制整个对象更改(即使是轻微的属性更改)，都会触发ngOnChange，但无论何时发生更改(除了这些更改之外，还是使用DoCheck )，都会调用函数吗?我了解到，使用DoCheck可能效率极低。
除
浏览 3提问于2017-03-29得票数 3
我在VisualStudio2015中使用带有类型记录的angular2。我得到了异常RangeError: angular2中超过的最大调用堆栈大小
为什么我要得到这个异常，以及如何解决这个问题。
浏览 7提问于2016-07-15得票数 1
我把信息从角发送到一个node.js文件。我想知道如何将信息从node.js返回到angular2。
代码在index.js中的应用
app.post('/', function(req,res){
var body = req.body;
*/ information received from angular2 file
(...)
*/ then return information back to angular2 file. **How to do this?**
};
有人能帮帮我吗？谢谢。
浏览 4提问于2016-07-08得票数 0
我目前在angular2工作，我对Angular2的某些方面一无所知，所以我的问题是，我曾经在那里使用jquery加载html模板，响应jquery使用html模板，然后将模板附加到视图中，现在如何在Angular2中实现相同的功能。我的场景是，我有一个类型记录类，它有一个相关的html页面，它处理一个复选框onChange事件，为了成功地响应该事件，我想在当前元素中添加一个HTML。
如何创建动态模板。
如何在我以前创建的类型记录类中使用处理程序将事件绑定到动态创建的模板。
如何在当前html单元格下呈现它。
浏览 8提问于2018-01-11得票数 1
PhantomJS不支持HTML5音频标签，这使得我很难测试我的Angular2应用程序。我四处寻找解决方案，但不幸的是，我还没有想出一种方法来模拟Audio对象或以某种方式绕过这个问题。我有一个如下所示的Angular2服务：
import {Injectable} from 'angular2/core';
@Injectable()
export class MyService {
var snd;
constructor() {
this.snd = new Audio('Assets/sound.wav');
}
simp
浏览 5提问于2016-02-20得票数 1
我正在使用带路由的Gulp Angular2
@RouteConfig([{path:'/contacts', name:'Contacts', component:ContactListComponent, useAsDefault: true }, {path:'/newcontact', name: 'NewContact', component:NewContactComponent}])
在超文本标记语言中包含基本<base href="/">。
下面是我的gulpfile的详细信息
浏览 2提问于2016-02-21得票数 0
当我刷新我的网站时，我得到一个404。这是与Angular2，类型记录和火基。。
我已经用我的Angular2应用部署到了firebaseapp应用程序。
路由似乎变化很好，但当我刷新浏览器时，它会将我重定向到404页。
当我在本地刷新时，这种情况不会发生。
我是否遗漏了任何路由设置或火基设置？
这是我的firebase.json文件：
{
"firebase": "test",
"public": "src",
"ignore": [
"firebase.json",
浏览 0提问于2015-12-22得票数 37
回答已采纳
我正在寻找高级图表(highcharts.com)与Angular2的CandleSticks示例。是否有人能解释或提供示例，说明如何在Angular2 RC中使用类型记录？
欢呼声桑基特
浏览 1提问于2016-05-18得票数 1
回答已采纳
我从过去的两天开始学习angular2。我想知道如何配置我的项目来处理angular2 &类型记录。我用的是VS 2015。请告诉我建立环境的步骤。
浏览 1提问于2016-06-07得票数 0
回答已采纳
这是一个角度2 Beta的问题。我一开始特别笼统地希望这是一个已知的错误，我只是在我所有的搜索中遗漏了一些东西。当角2Beta.0出现时，我使用IE10在我的应用程序中运行了一个非常简单的模块。它基本上打印了“我的第一个模块”之类的东西。
当角2Beta.1出现时，我尝试运行相同的代码，并得到以下错误。在Angular2 2.0.0-beta.2和angular2 2.0.0-beta.3中也会发生这种情况：
EXCEPTION: SyntaxError: Expected ';'
STACKTRACE
SyntaxError: Expected ';'
浏览 2提问于2016-02-02得票数 0
回答已采纳
我在网格视图中有多个记录。我可以选择从网格视图中选择多个记录。
选择后，我希望删除这些选定的记录。
有人知道当按下键盘上的angular2删除按钮时，如何调用要在中调用的delete事件?
浏览 2提问于2017-08-21得票数 4
我是打字稿和Angular2的新手，但是.
我的设置如下：
我没有在站点根目录中使用app文件夹，而是有一个src\app文件夹，然后在我的“吞咽”任务中，我编译了我的类型记录，如下所示：
gulp.task('copy:libs', ['clean'], function () {
return gulp.src([
'node_modules/es6-shim/es6-shim.min.js',
'node_modules/systemjs/dist/system-polyfills.js',
浏览 0提问于2016-04-15得票数 0
回答已采纳
我用的是Angular2和WebPack。
我正在尝试对BrowserWindow对象进行控制。
我正在做我的组件的顶部
import * as electron from 'electron';
然而，在这样做时：
this.authWindow = new electron.BrowserWindow({ width: 800, height: 600, show: false});
我在运行时得到一个错误
原始异常: TypeError: electron.BrowserWindow不是一个函数
当记录电子时，电子本身看起来只是一个函数，因此其中没有Browser
浏览 0提问于2016-03-20得票数 0
回答已采纳
2回答
我是Angular2的新手，直到现在我才成功地编写了。
我想学习如何在Angular2和Dart中使用路由，不幸的是我还没有在网上找到任何例子。大多数的文章都是关于类型记录的路由，但我无法用省道来完成。
我用的是带飞镖插件的网络风暴。
import 'dart:html';
import 'package:angular2/angular2.dart';
import 'package:angular2/bootstrap.dart';
import 'package:angular2/router.dart';
@Compon
浏览 2提问于2015-11-01得票数 5
回答已采纳
下面是我的测试代码，用于测试promise构造函数中嵌入的另一个回调中的resolve回调调用。
var p = new Promise(function (resolve) {
setTimeout(function () {
resolve('starbar');
}, 3000);
});
console.log(p.then(function (v) {
console.log(v);
}));
当在节点中运行代码时，它记录了Promise { <pending> }。为什么会发生这种情况，以及如何关闭它？
浏览 7提问于2016-09-23得票数 0
回答已采纳
与Intellij一起使用带有类型记录和spring引导的angular2
当我对类型记录文件进行更改时，更改并不反映在网页上，而是生成的javascript文件中包含了我的更改。任何帮助如何配置实时更新？
浏览 3提问于2016-06-06得票数 0
回答已采纳
Angular2单元测试Http MockBackend问题-无法读取未定义的mergeOptions属性合并。
我正试图为我的http get承诺做一个基本的单元测试。
类型记录编译器工作正常。但是，当我运行npm运行测试与业力运行，我得到以下错误。
这是我得到的gitbash错误:无法读取mergeOptions.上未定义的属性“合并”
这是我的代码：
import {Injectable} from 'angular2/angular2';
import {HTTP_PROVIDERS, Http, Headers} from 'angular2/http&#
浏览 1提问于2015-12-09得票数 1
我正在使用类型记录构建一个小型Angular2应用程序，到目前为止还不错。
我想使用一个名为config的文件，它将包括应用程序的所有设置和类似设置。下面是文件格式：
ConfigObject.js
export var ConfigObject = {
apiVersion : 'v1/',
productBox : 'http://localhost:8931/api/'
};
为了使用某些设置，我试图将它导入到服务中，但它说找不到文件。
这是我的服务：
import { Component, Injectable } from 'a
浏览 0提问于2016-06-07得票数 1
回答已采纳
我正在制作一个可重用的Angular2组件，我希望用户能够指定一个模板字符串或templateUrl，然后该组件将通过属性或通过某种服务方法设置它。
在角1中，这很简单，我们可以这样做：
// somewhere else in app
myService.setTemplateUrl('path/to/template.html');
// directive definition
function myDirective(myService) {
return {
template: function(element, attrs) {
retu
浏览 4提问于2015-12-17得票数 5
回答已采纳
3回答
我在Visual代码中使用角-cli项目模板创建了一个Angular2项目.此外，我还通过npm和Microsoft ()安装了类型记录的最新版本(2.0.3)，因为我也使用Visual 2015。但是，由于某些原因，我在启动Angular2项目时仍然会收到错误消息。注意，即使在标准命令提示符下运行tsc，-v仍将返回1.0.0.0。
tsc -v如何确定打字本的版本？
如何在我的棱角项目中消除这条信息，并确保它将使用最新版本的类型记录？
我在这里错过了什么？感谢你的帮助。
浏览 0提问于2016-10-11得票数 1
回答已采纳
1回答
我开发了一个自定义错误处理程序，它实现了Angular2错误处理程序类。我的自定义错误处理程序使用记录器服务来记录错误。代码如下所示：
export class CustomErrorHandler implements ErrorHandler {
constructor(private logger: LoggerService) {}
handleError(error: any): void {
logger.error('....');
}
}
但是，由于记录器服务使用Angular2路由器，所以我无法将记录器服务注入到自定义
浏览 1提问于2017-03-03得票数 0
我把表单的字段作为this.form.value传递给一个服务，当我在控制台上记录this.form.value时，当我向服务发送相同的东西并调用服务器时，我得到了Object { email: "zxzx", password: "zxzxx" }，比如：
import {Http} from 'angular2/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import {Injectable} from
浏览 1提问于2016-04-28得票数 2
回答已采纳
1回答
我有一个简单的基于Angular2的web应用程序，与身份验证。我遇到了一个问题，根据用户是否登录，导航栏看起来不同，而且当用户没有登录时，一些组件也不会显示。
例如，当用户单击logout时，导航栏会发生变化，但另一个组件直到页面刷新后才会消失。当按下LogOut按钮时，如何触发元件刷新？
//user.service.ts
logout() {
localStorage.removeItem('id_token');
this.loggedIn = false;
}
//nav.component.ts
import { Component, In
浏览 45提问于2016-03-29得票数 5
2回答
对Angular2来说是新手。当我启动应用程序时，我的模板显示connected为false。然后控制台记录connected to socket.io，但connected在我的模板中仍然读取false。如何设置，以便当连接状态更改时，connected将在我的模板中正确读取？
import {Component, OnInit} from '@angular/core';
let io = require('socket.io-client');
let socket = io.connect('http://localhost:4300'
浏览 4提问于2016-12-23得票数 0
回答已采纳
2回答
你好，我在Angular2和类型记录上编写应用程序，并为get事件创建服务。当函数中不传递参数时，我猜函数返回数组事件是什么，当有参数时返回对象是什么。
但是在我的组件中，lintner显示了这个结构的错误。
this.event.length
键入'Event not Event[]‘不能分配到键入'Event[]’。输入'Event[]‘不能指定键入’Event[]‘。属性'length‘在类型'Event’中缺失。
我能抓到这个错误吗？因为我知道这个组件中的get数组事件
浏览 1提问于2017-02-02得票数 0
回答已采纳
您是如何模拟使用mockfirebase进行火柴单元测试的？
在这个单元测试中，我使用了类型记录和angular2。
，这里是我的一个测试，我想从firebase改为mockfirebase：
import { it, iit, describe, expect, inject, injectAsync, beforeEachProviders, fakeAsync, tick } from 'angular2/testing';
import { FirebaseService } from '../app/firebase-service';
des
浏览 2提问于2015-12-04得票数 1
回答已采纳
我有一个带有输入文本字段的组件，我已经使用JQuery附加了一个输入事件侦听器。当输入的值发生变化时，我想调用一个类型记录函数，但它会抛出一个未显示的TypeError。
这是我的代码：
import {Component, Input, Output, EventEmitter, ElementRef, OnInit} from 'angular2/core';
declare var jQuery: any;
@Component({
selector: 'setting-priority',
template: '<inpu
浏览 3提问于2016-05-09得票数 3
回答已采纳
当changeDetection策略设置为"ChangeDetectionStrategy.Default“时，Angular2中的更改检测如何工作？它是否检查模板中的所有绑定(仅通过引用)，并在任何引用发生更改时触发重新呈现？
浏览 2提问于2017-02-09得票数 1
我试图绑定键向上事件和可观察的对象，每次在textbox字段中按一个键，我想在控制台中记录“您已按：”+键字符串，没有显示任何错误，但在按键时也不会发生任何错误。
/// <reference path="../../../typings/tsd.d.ts" />
import { Component } from '@angular/core';
import {Observable} from 'rxjs/Rx';
@Component({
moduleId:module.id,
selector: 's
浏览 2提问于2016-11-24得票数 0
回答已采纳
5回答
我很难理解如何从TypeScript中的模块中导入类，特别是Visual 2015中的角2类( TypeScript 1.7更新1)。
在角2文档中的任何地方，我都看到导入语句，比如：import {Component} from 'angular2/core';。这些文件在node_modules/angular2/*中。是什么让angular2/*工作呢？
只有当我有来自应用程序目录(如：./../node_modules/angular2/platform/browser'; )的相对路径时，我才能消除Visual中的错误。这修复了Visual构建错误，但当我尝试
浏览 5提问于2015-12-16得票数 18
我想用业力测试我的angular2应用程序，但是我得到了一个类型记录错误：
/my/path/node_modules/angular2/src/testing/matchers.d.ts
错误：(4，37) TS2503:无法找到命名空间'jasmine‘。
已安装NPM模块，类型记录编译器运行良好。怎么了？
myservice.serviceSpec.ts：
import {it, describe, expect, beforeEach, inject} from
'angular2/testing';
import {myService} from &
浏览 9提问于2016-02-10得票数 7
1回答
希望在Angular 2中创建包装器组件，类似于和其他工具允许您创建包装器组件的方式。希望能够重用组件，这样我们就不必每次都重复结构。
从本质上讲，我希望能够重用具有这种粗略结构的组件：
'use strict';
import { ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
import {Component, Input} from 'angular2/core';
@Component({
selector: 'nav-item',
d
浏览 0提问于2016-03-18得票数 0
我一直试图按照创建嵌套的树视图。当我试图用Angular2在javascript中做类似的事情时，教程是在类型记录中。
在类型记录代码中，树视图组件如下所示：
import {Component, Input} from 'angular2/core';
import {Directory} from './directory';
@Component({
selector: 'tree-view',
templateUrl: './components/tree-view/tree-view.html',
浏览 4提问于2016-01-21得票数 4
回答已采纳
1回答
我正在开发一个Ionic2应用程序，我使用的是承诺。在类型记录类中，我创建了以下方法
tapOnRegistrati() {
this.authService.userRegistration(this.email,this.password).then(function(user){
this.user = this.af.database.object('/users/' + user.uid);
this.user.set({ name: this.name, lastname: this.lastname});
}).catch(function(erro
浏览 1提问于2016-12-09得票数 2
回答已采纳
类型记录编译器提供的参数与调用目标的任何签名不匹配。
我正在创建一个带有类型记录的angular2应用程序。当我将实例设置为firebase时，它在gives命令行中给出了这个错误：“所提供的参数与调用目标的任何签名不匹配”。
它抱怨这一行代码，它说：
this.data =新AngularFire(新AngularFire)
这是app.ts文件的代码：
import {Component, View, bootstrap, bind, provide} from 'angular2/angular2';
import {Router, ROUTER_BINDIN
浏览 5提问于2015-11-16得票数 1
回答已采纳
3回答
嗨，我是Angular2/Typescript的新手，我正在尝试使用添加到我的Angular2项目中的地图样式，但我不知道如何使用它尚未记录的。我如何在我的模块和html中使用它？地图模块可以工作，但我没有应用样式。感谢您的帮助。
相应的
html：
<sebm-google-map [latitude]="lat" [longitude]="lng">
<sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google
浏览 0提问于2017-02-15得票数 6
在将Angular2合并到应用程序中时，我遇到了正确加载RequireJS的问题。
为了简单起见，我在Angular2上使用了非常简单的Hello World Javascript教程：
我用Angular1让这个系统工作得很好，但是我似乎不能用Angular2复制这个成功。
这是我的index.html文件：
<html>
<head>
<title>Angular 2 QuickStart JS</title>
<meta name="viewport" content="width=device
浏览 1提问于2016-06-02得票数 10
1回答
角度测试服务
、、
我正在使用角-cli，并试图进入测试我的服务的习惯，但我似乎无法将服务注入测试-这里是我的情况：
Angular2服务
@Injectable()
export class AppService{
}
Karma测试- V1.3.0
这语法正确吗？在angular2的最初发布过程中，它似乎发生了变化。
describe('Tests', () => {
beforeEach(() => [
{provide: AppService, useClass: AppService}
]);
it('should create an insta
浏览 0提问于2016-11-30得票数 0
回答已采纳
我想访问angular2组件中的全局javascript变量，反之亦然。我在脚本标记中指定了index.html中的默认值，我可以在angular2组件中读取这个值。但是，当我编辑/重新分配一些其他值到angular2组件中的变量时，我无法访问/获取javascript中已编辑的值。
我在main.ts的时候
export function main(dateColumnName: any)
{
platformBrowserDynamic([{ provide: 'dateColumnName', useValue: dateColumnName }]).bootst
浏览 4提问于2017-06-02得票数 0
回答已采纳
1回答
根据我的申请，我有一些关于AG Grid实现的问题。如何使用Ag网格执行CRUD操作，Ag网格应该包含select/ grid选择、日期字段、列中的复选框。我正在显示现有的记录从DataBase表，我提供了新的记录(空记录)在网格的最后插入新的记录。我可以在列中显示文本，但无法显示数据库表中现有记录的Dates、select/richSelect的值。在此新的空记录中，某些列包含复选框，选择/ Date选择，日期值。
浏览 3提问于2017-10-05得票数 0
2回答
我正在使用Angular2编写一个基本的NodeJS示例，我使用的编辑器是atom。
我安装了npm (2.0.0-beta.17)和类型记录
npm install angular2
npm install -g typescript
在我的main.ts中
import { Component } from '@angular/core';
因为上面的行编辑器正在显示“无法找到模块”@角/核心“。
我错过了什么。
浏览 4提问于2016-08-22得票数 0
回答已采纳
1回答
如何发布angular2指令
、、、、
我写了一个angular2指令，叫做ng2-clearfix。类型记录代码本身已经准备好了，经过测试并运行良好。
我现在想在github上发布这个指令，以便其他人也可以使用它，我在这样做的时候有几个问题：
我该如何处理这份文件？就像我应该提供NG2-清除. to文件，还是应该离开NG2-清除.to，让用户将类型记录编译成javascript。
- How should i manage dependancies for ng2-clearfix itself. I want to publish it on both npm and bower. i think using bow
浏览 1提问于2016-09-18得票数 1
我在从angular2前端应用程序接口到后端客户端- nodeJS + mongoose发布数据时遇到了问题。在Angular2客户端，我使用我发送的数据进行console.log，并且服务显示正确的值。
在NodeJS后端，我也尝试console.log发布的数据，但我得到了未定义。请看下面的代码，试着找出我做错了什么。我也尝试过用Promise<>和Observable<>来做这件事，效果是一样的。
PS。通过Angular 2从NodeJS应用程序接口获取数据运行良好。
PS2。重要的事实是，问题是存在的，因为angular2不会在post或put中创建头文件。每
浏览 1提问于2016-10-09得票数 1
我正在使用TypeScript为Range2.0做一个小项目。现在，据我所知，角2.0没有内置的"min“和"max”标记的验证器。我理解如何构建自定义验证器并使用FormBuilder附加它，但我希望了解如何创建自定义验证器指令，我可以附加在属性上。HTML如下所示：
<div class="unit">
<div class="label">Age (13 - 120):</div>
<div class="labelTarget">
<input id="
浏览 4提问于2015-12-04得票数 3
回答已采纳
我是一个完全初学者角和Angular2。我对工作流的结构感到困惑。我一直在查看，它存在于Angular2站点中。
如果我错了，请纠正我，但我到目前为止所知道的是，所有的类型记录都是由类型记录编译器转换成javascript的。然后编译的javascript实际上是在浏览器中运行的。
现在，如果我使用ES6导入语句将javascript文件导入到类型记录中，如下所示：
import { NgModule } from '@angular/core';
为什么我再次需要使用SystemJS来加载它们-:
map: {
// our app is within
浏览 3提问于2016-11-18得票数 55
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
