Angular从Observable<Type<AnotherType>>获取项目
Angular是一种流行的前端开发框架，它使用TypeScript编写，并且支持使用RxJS库来处理异步数据流。在Angular中，Observable是一种用于处理异步数据流的对象类型。Observable可以发出多个值，并且可以在任何时间点取消订阅。
在Angular中，可以使用Observable<Type<AnotherType>>来获取项目。这个语法表示从Observable中获取一个类型为Type<AnotherType>的对象。Observable可以用于从服务器获取数据、处理用户输入、处理事件等各种场景。
Observable的优势在于它提供了丰富的操作符和功能，可以方便地处理异步数据流。它可以与其他Angular特性（如模板、组件、服务）无缝集成，使得开发更加高效和灵活。
以下是一些使用Observable的常见应用场景：
- 从服务器获取数据：可以使用Observable来发起HTTP请求并获取服务器返回的数据。
- 处理用户输入：可以使用Observable来监听用户输入事件，并实时响应用户的操作。
- 处理事件：可以使用Observable来处理各种事件，如点击事件、滚动事件等。
- 实现响应式编程：Observable可以用于实现响应式编程的思想，使得应用程序能够根据数据的变化自动更新界面。
腾讯云提供了一些与Angular开发相关的产品和服务，可以帮助开发者更好地构建和部署Angular应用。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云监控（CM）：https://cloud.tencent.com/product/cm
请注意，以上只是一些示例产品，腾讯云还提供了更多与Angular开发相关的产品和服务，具体可以根据实际需求进行选择和使用。
相关·内容
1回答
我对仿制药有个小小的挑战，有人能帮上忙吗？
我们有一个共同的websocket连接，应用程序中的不同面板通过套接字消息“订阅”不同类型的数据。下面的methodCall是一种常见的方法，它通过打开的websocket连接发送“订阅”消息，并为一种类型的数据或另一种类型的数据提供参数。这两种类型有两个非常不同的属性集。
我想做以下工作：
service.methodCall({type: 'oneType'}).subscribe((values: Type1Value) => { ... });
service.methodCall({type: 'another
浏览 0提问于2020-11-25得票数 0
回答已采纳
我希望能够将一个类型或变量传递给一个函数，如果它是同一类型，它将返回true或false： template <typename T>
struct OneType
{
template <typename U> //???
static constexpr bool is_same_type(U u = std::declval<U>()) { return std::is_same_v<T, U>; }
};
struct AnotherType
{
AnotherType() = delete;
Anot
浏览 7提问于2020-10-20得票数 1
回答已采纳
我有一个List of Type类，它的结构如下：
class Type {
private String name;
private String level;
private List<Type> types;
}
这是我想要构建的AnotherType。
class AnotherType {
private String name;
private List<AnotherType> types;
}
我正在根据来自UI的请求构建UI对象：
{
"types": [
{
"
浏览 6提问于2016-12-16得票数 3
回答已采纳
我想把我的Angular项目从7.3.6 (CLI)更新到最新版本(8.3.16)。这失败了。我照导游说的做了：
我必须隐藏所有更改，因为从字面上看，所有内容都是红色的。
import { Injectable, HostListener, Directive, EventEmitter, Output, HostBinding, ElementRef, Renderer2 } from '@angular/core';
所有这些进口都是红色的。在存储之后，仍然没有什么工作，因为一些东西被更新到8.3.16，而另一些不是，我想项目被卡在7.2上了。
ng version为我提供
浏览 1提问于2019-10-31得票数 1
class SomeClass: ThirdPartyBaseClass {
private var someValue: AnotherType<String>? = null
override fun initialize(param1: AType?, param2: AnotherType<*>?) {
this.someValue = param2
}
}
当我从override初始化ThirdPartyBaseClass方法时，Android自动完成添加了上面的签名。AnotherType基本上是一个泛型类型(来自第
浏览 5提问于2019-10-30得票数 2
回答已采纳
6回答
我是Angular的新手，我曾尝试创建一些示例应用程序，但遇到了错误。请帮帮忙。当我从users = User[];中删除数组时，我正在尝试从googles项目()中创建自己的数组，它工作得很好，但它不提供构建。([ts] Type 'User[]' is not assignable to type 'typeof User')。对于users = User[];，它甚至不能编译。(建议元素访问表达式应带有参数。(Any))。
import { Component, OnInit } from '@angular/core';
import
浏览 28提问于2018-09-17得票数 20
2回答
我使用ng-book作为参考，其中一个示例使用observable来获取json数据，但是现在我想使用一个不同的api为我自己的项目检索数据，这个api就是this ，但我得到了一个错误，即"Return expression type is not assignable to type Observables“。我该如何解决这个问题呢？或者，我如何通过可观察数据获得json数据？
import {
Injectable,
Inject
} from '@angular/core';
import {Observable} from 'rxjs'
浏览 1提问于2018-10-25得票数 0
2回答
我有这个路由器解析器从中检索数据。我正在尝试使用Resolver来获取前面的数据。当我将调试器放在“解析”函数中时，它将显示从服务器检索的数据。但是，它永远不会从解析()方法返回。有人能帮帮我吗。
路由模块
const routes: Routes = [
{ path: '', component: HomeComponent},
{ path: 'projects', component: ProjectsComponent, resolve: {projectData: ProjectResolver} },
{ path:
浏览 3提问于2018-06-26得票数 6
回答已采纳
我想知道什么类型的操作符超载是可能的(使用什么版本的Delphi)？多亏了，我知道：
添加(左，右: Type)：Type (用于“+”运算符)
减法(左，右: Type)：Type (用于“-”运算符)
乘法(左，右: Type)：Type (对于'*‘操作符)
分隔(左，右:类型)：类型(用于“/”运算符)
隐式(aValue: Type)：AnotherType和
隐式(aValue: AnotherType)：类型(用于隐式赋值:a := b)
显式(aValue: Type)：AnotherType和
显式(aValue: AnotherTyp
浏览 5提问于2009-10-19得票数 16
回答已采纳
3回答
无法运行下载的角项目
、、、、
当我运行这个项目时，我已经从angular.io教程下载了一个角项目，它显示了错误
无法从"C:\Users\asus\angulario“中找到模块”@angulario/build-角“。错误:无法从“C：\User\asus\angulario”中找到模块“@angulario/build-角”
Could not find module "@angular-devkit/build-angular" from "C:\\Users\\asus\\angulario".
Error: Could not find module "@angu
浏览 0提问于2018-12-14得票数 0
回答已采纳
我发现了一个错误：
Type 'Observable<{} | GeneralSettings>' is not assignable to type 'GeneralSettings | Observable<GeneralSettings> | Promise<GeneralSettings>'.
Type 'Observable<{} | GeneralSettings>' is not assignable to type 'Observable<GeneralSettings
浏览 0提问于2018-10-30得票数 0
回答已采纳
我将我的angular 5.2.10项目更新到了angular 6。
我一步一步地做了https://update.angular.io/，除非是Observable.from，否则一切都很好
在服务中，我使用了Observable.from(this.user)，如下所示：
import { Observable } from 'rxjs/Observable';
...
Observable.from(this.users)// this.users is an array
这是正常的，但是在angular 6中发生了以下错误
Property 'from'
浏览 2提问于2018-05-05得票数 10
回答已采纳
我正在执行一个项目，该项目可以使用HTTP获取数组数据，并且可以使用HTTP添加新数组，但是每次我尝试发布新数组时，我都会得到：
POST 404 (未找到)
这很奇怪，因为我能够从url中获取数据，而不会出错，但无法在其中发布新的数组。
这是我的项目的结构：
student.service.ts：
import { Injectable } from '@angular/core';
import {HttpClient,HttpErrorResponse,HttpHeaders} from '@angular/common/http';
im
浏览 3提问于2020-03-02得票数 1
回答已采纳
假设MyClass.h (我试图包装的C++库)看起来像这样 class MyClass {
public:
static AnotherType func();
}; func()返回一些精心设计的AnotherType初始化，比如AnotherType(int a, int b) 如果我包装这个： cdef extern from 'MyClass.h':
cdef cppclass MyClass:
@staticmethod
AnotherType func();
cdef extern from 'AnotherType.h
浏览 9提问于2019-03-10得票数 2
回答已采纳
我正在学习在VS 2017中创建一个Angular 2项目，并且在构建过程中发现了以下错误：
Error Build:Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Angular2MVC D:\myProjects\Angular2MVC\Angular2MVC\Angular2MVC\node_modules\rxjs\Subject.d.ts 16
和
Severity Code Descriptio
浏览 2提问于2018-01-04得票数 0
回答已采纳
我遵循我的Rx代码中的模式，我通常有一个可观察的触发器，我flatMap为网络请求创建另一个可观察的触发器。一个简化的例子：
enum ViewModelError: Error {
case bang
}
enum DataTaskError: Error {
case bang
}
func viewModel(trigger: Observable<Void>,
dataTask: Observable<Result<SomeType, DataTaskError>>) -> Observable<
浏览 0提问于2019-10-03得票数 6
回答已采纳
我的角度应用程序从REST中检索状态数据并显示在网页上。我有，它调用，然后使用httpClient.get()方法调用后端。当我将参数从组件传递到服务时，我会看到组件订阅方法上的HttpEvent<Observable<State[]>>' is not assignable to type 'Observable<State[]>错误(如下所示)。当我运行项目时，代码无法编译，并引发以下错误。
误差
Date: 2018-12-03T01:18:53.456Z
ERROR in src/app/state/state.compone
浏览 0提问于2018-12-03得票数 1
1回答
我有一个输入字段，当用户键入搜索字符串时，我希望在执行_heroService http请求之前等待用户停止键入至少300毫秒(去抖动)。只有更改后的搜索值才能传递到服务(distinctUntilChanged)。switchMap返回一个新的可观察对象，它组合了这些_heroService可观察对象，以其原始请求顺序重新排列它们，并仅向订阅者提供最新的搜索结果。
我使用的是Angular 2.0.0-beta.0 0和TypeScript 1.7.5。
我怎么才能让这个东西正常工作呢？
我得到编译错误：
Error:(33, 20) TS2345: Argument of type
浏览 0提问于2016-02-23得票数 12
回答已采纳
实际上，我的cmd中有这个错误。我的nodejs是最新版本。当我将我的角4项目克隆到cli时，我得到了以下错误：
ERROR in node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find
module 'rxjs-compat/Observable'.
src/app/EnquiryDetails/EnquiryDetails.Service.ts(9,10): error TS2305: Module
'"E:/newfolder/cli/cli/node
浏览 1提问于2018-05-24得票数 0
回答已采纳
我有这个代码片段：
SubmitTransaction(transNumber: string, transactionRequest: ITransactionRequestObj): Observable<TransactionResponse> {
this.body = JSON.stringify(transactionRequest);
this.headers = new HttpHeaders().set('Content-Type', 'application/json');
this.headers.ap
浏览 0提问于2018-08-05得票数 7
Typescript无法检查与对象和函数的另一个并集一起截取的函数类型和对象类型的并集中的属性。
这是用于重现该问题的最小repo。正确的归档方式是什么？
type Component = () => {};
type OneType =
| Component
| { component: Component }
| { getComponent: () => Component }
type AnotherType =
| Component
| ({ // static properties of Component
option?: strin
浏览 0提问于2018-12-09得票数 3
1回答
我是新来的。我的项目运行良好，但就在添加了Flash消息服务并试图通过引用使用flash消息服务之后
当我这样做的时候，我得到了这个问题
ERROR in SETeamProject/angular-src/node_modules/angular2-flash-message/node_modules/rxjs/observable/dom/WebSocketSubject.d.ts (44,5): Property 'lift' in type 'WebSocketSubject<T>' is not assignable to the sam
浏览 1提问于2018-02-27得票数 2
回答已采纳
我有一个angular项目(5.2版)，正在使用ADAL服务(adal-angular5)。不活动1小时后，用户从API响应中得到401(未授权)。为了避免这种情况，我希望每次调用API之前都刷新token。我做了一个拦截器。下面是我的代码：
import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpResponse } from '@angular/common/http';
import { Ob
浏览 9提问于2018-06-17得票数 4
3回答
在将库更新到新的Range6和RxJS 6之后，我遇到了一个问题。
我有RouteService类，它作为服务工作。它使用HttpClient从远程API获取数据。更新后，当我试图编译项目时，我会遇到一些奇怪的错误。
这是我的服务班：
import {Injectable} from '@angular/core';
import {HttpClient} from "@angular/common/http";
import {Observable} from "rxjs/Rx";
import {catchError} from 'r
浏览 1提问于2018-05-07得票数 1
回答已采纳
我有一个angular5组件，我正在尝试将它与reduxstore连接起来，它看起来像这样：
import { Component } from '@angular/core';
import { NgRedux, select, DevToolsExtension } from '@angular-redux/store';
import { TodoActions } from './actions';
import { AppState, INITIAL_STATE, rootReducer } from './store'
浏览 10提问于2017-12-09得票数 1
回答已采纳
为了学习角度，我模仿了一个web服务，它做了两件事：
返回可观察到的数组(Observable<T[]>)
返回由ID标识为可观察的项(Observable<T>)
我是这样感到痛心的：
export class Event {
constructor(public id: number, public title: string) {}
}
const EVENTS = [
new Event(1, 'Tooth extraction'),
new Event(2, 'English lesson
浏览 3提问于2017-04-21得票数 2
回答已采纳
我在我的Angular 5项目中使用了observable对象-直到一周前它还运行得很好，现在突然我得到了以下错误：
node_modules/rxjs/Observable.d.ts(20，31)中出错:错误TS1183:无法在环境上下文中声明实现。
我是Angular的新手，所以任何帮助都是非常感谢的。谢谢!
浏览 0提问于2018-02-21得票数 10
这过去工作在角2/4，但自从我升级到角7，我得到这个错误在整个我的应用程序。突然间会有什么问题？
Type 'Observable<Observable<Object[]>>' is not assignable to type 'Observable<Object[]>'
Type 'Observable<Object>' is not assignable to type 'Observable<object[]>'.
Type 'Object'
浏览 0提问于2018-10-22得票数 0
回答已采纳
这段代码在Angular 6中编译并运行：
import { of } from 'rxjs';
import { switchMap } from 'rxjs/operators';
switchMap((term) => {
if (term.trim().length > 3)
return this.searchEntries(term); // <- returns Observable<void>
return
浏览 0提问于2018-10-21得票数 2
1回答
如果我有这个实例化，const someObj = new MyObj({...someParams})和MyObj是这样定义的：
MyObj = DefineMap.extend("MyObj", {
myProp: {
Type: AnotherType.List
}
})
和
AnotherType.List = CanList.extend("AnotherType.List", {
Map: AnotherType
}, {
serialize() {
const res = [];
for (let i = 0
浏览 7提问于2022-05-16得票数 0
回答已采纳
我正在构建一个Angular5项目，其中我必须使用http。我在这里使用的是observable，但是当我使用'of‘时
scope.fetchApi = Observable.of(data);
然后它会给我一个错误：
Property 'of' does not exist on type 'typeof Observable'.
我也导入了'rxjs/add/observable/of';，但同样的错误也在那里。我也尝试过import { Observable } from 'rxjs/Observable';，
浏览 85提问于2018-06-10得票数 6
回答已采纳
我正在为一个大学项目(一个ToDoList移动应用程序)学习Ionic4和Angular。我正在尝试使用AngularFirestore.collection....valueChanges()从我的firestore数据库中获取一些数据，并将其存储在我的自定义服务的成员变量中，以便稍后将其提供给组件。但我在Visual Studio Code和ionic console中都收到了TS2322错误。
错误如下：
Type 'Observable<ToDoList[]>' is missing the following properties from type Ob
浏览 1提问于2019-03-24得票数 4
回答已采纳
我在angular2应用程序中加载angular2文件。
请在下面找到我的应用程序代码，建议
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http';
@NgModu
浏览 0提问于2018-02-05得票数 0
回答已采纳
当我试图在代码中使用导入语句：Cannot find module '@angular/http/src/static_response' or its corresponding type declarations：import { Response } from "@angular/http/src/static_response";时，我从v12项目中得到了一个错误import { Response } from "@angular/http/src/static_response";。在我的v4项目中，这个语句非常好：
getClien
浏览 11提问于2022-10-14得票数 0
回答已采纳
在我的Angular2组件类的构造函数中有以下代码：
Observable.from([1,2,3]).interval(2000).subscribe(e=>{
console.log(e);
});
我进口了以下产品：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/from';
import 'rxjs/add/observable/interval';
在使用Angulat构建项目时，我有以下错误消息：
浏览 1提问于2017-03-19得票数 2
回答已采纳
2回答
我希望创建一个服务方法，该方法在第一次执行时将从URL中获取数据集，缓存数据集，然后与随后调用服务方法的组件共享数据集的同一个实例。
我已经开始创造两种解决方案。这两种解决方案的问题是，在加载角应用程序后的第一毫秒内，它们多次从URL中获取数据集，并/或向控制台抛出一些错误消息，但在两个组件之间进行第一次或第二次导航之后，数据似乎被正确地共享，并且不再有返回URL的往返。
方法1
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
浏览 7提问于2020-06-21得票数 0
回答已采纳
当我尝试获取这些项目时，我得到了以下错误：
Type 'Observable<unknown[]>' is not assignable to type 'Observable<Event[]>'.
Type 'unknown[]' is not assignable to type 'Event[]'.
Type '{}' is missing the following properties from type 'Event': code, name, password,
浏览 3提问于2020-04-15得票数 1
我正在尝试使用guard.ts中的放大服务订阅AWS认知身份验证的状态更改。
import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import { Observable } from 'rxjs';
import { AmplifyService } from 'aws-amplify-angular';
@In
浏览 0提问于2018-12-02得票数 1
回答已采纳
在构建我的JHipster Angular项目时，我得到了这个错误。它发生在命令yarn start之后
import { Component, OnInit, OnDestroy } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { HttpResponse, HttpErrorResponse } from '@angular/common/http';
import { Subscription } from &#
浏览 4提问于2019-03-11得票数 0
1回答
我使用的是Laravel5.5和角4，Laravel只是一个API。我试图从表单中传递数据，但无法传递csrf令牌。这是我的服务：
import { ElementRef, Injectable, Injector, Renderer2, ViewChild } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { Link } from &#
浏览 2提问于2017-11-25得票数 1
回答已采纳
1回答
试着学习“角度2”中的“可观察性”，而我似乎无法从文本输入字段中打印键盘输入来工作。这是我的app.component.ts的代码
import {Component} from '@angular/core';
import {Observable} from 'rxjs/Rx';
@Component({
selector: 'my-app',
template: `
<input id="search" type="text" class="
浏览 0提问于2016-12-19得票数 0
回答已采纳
我正在开发一个简单的Angular 2 reactive表单。我使用ASP.NET和SQL server作为后端来存储表单数据。我使用angular服务将表单数据从angular 2发送到asp.net页面，在那里我无法读取这些表单数据。
这是我发送表单数据的angular代码。
import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { Observable } from
浏览 0提问于2017-11-17得票数 2
我在我的项目中使用了angular 10。我尝试在get请求中发送对象，所以我尝试转换为JSON：
getData(dataPlan: Data): Observable<Response<InfoType[]>> {
return this.client.get<Response<InfoType[]>>(environment.baseUrl + '/ctrl/getDataPlan', {
params: {
JSON.stringify(dataPlan)
}
}
浏览 0提问于2021-05-20得票数 0
2回答
角5登录后不重定向
、、、、
我使用角5来实现一个使用令牌的身份验证系统。
当我试图在登录表单上进行身份验证时，它会启动身份验证表单，然后它只刷新页面：
这是我的项目文件结构：
src
├── app
│ ├── app.component.css
│ ├── app.component.html
│ ├── app.component.spec.ts
│ ├── app.component.ts
│ ├── app.module.ts
│ ├── auth
│ │ ├── auth.guard.spec.ts
│ │ ├── auth.guard.ts
│ │ ├──
浏览 0提问于2018-04-10得票数 2
回答已采纳
3回答
我不确定我在代码中遗漏了什么，但目前我在运行代码时没有看到任何错误，但我也没有看到我所期望的结果。我有一个json文件，我正在加载到一个数组中，并希望遍历该数组并将其部分数据显示到页面上。
以下是我到目前为止所拥有的：
服务文件
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/op
浏览 2提问于2017-03-28得票数 2
回答已采纳
怎样才能使嵌套在我的div中的元素能够被MathJax更改，以便从TeX转换为HTML.
目前我有这个app.component.html：
<p>
When \(a \ne\) It works baby
</p>
<div class="topnav">
<input type="text" placeholder="Search..">
<div class="theoremsContainer">
<ul>
<div *n
浏览 10提问于2018-01-28得票数 1
我从angular开始。我已经准备好了一个基本的angular模板项目，并在其中完成了一些更改：
当我执行ng serve时，它在浏览器中正确启动。
当我在vscode中复制粘贴来创建副本时，它似乎没有完全复制粘贴它：
现在，当我在这个项目文件夹中执行ng serve时，它给出了以下错误消息：
PS E:\workspaces\angular-course\5-second-app-proj-template> ng serve
Could not find module "@angular-devkit/build-angular" from
浏览 0提问于2018-10-07得票数 0
我目前正在使用service.ts从.json文件中获取http数据，但在运行该项目时，没有CLI错误，但浏览器的控制台显示了以下内容：
zone.js:2969 GET 404 (未找到)
这是我的app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CarouselModule } from 'ngx-bootstrap/carousel';
浏览 1提问于2018-05-31得票数 1
当我使用从自动映射中注册到autofac的web类型时，我会得到以下错误：
从请求实例的作用域中可以看到带有与“”匹配的标记的范围。这通常表示SingleInstance()组件(或类似的场景)正在重新调整注册为每-HTTP请求的组件。在web集成下，总是从DependencyResolver.Current或ILifetimeScopeProvider.RequestLifetime请求依赖项，而不是从容器本身请求依赖项。
当另一种类型在映射中被解析时，它可以工作。当从控制器解析web类型时，它就工作了。
为什么web (或任何其他httprequest的作用域都没有？)类型在我的映射中成
浏览 1提问于2011-11-23得票数 2
3回答
为了克服这个问题，我已经努力了一段时间。我需要用我的凭据连接到远程服务器，我能够做到这一点，没有问题。接下来，我需要为服务器上的一些资源执行一个get，根据我在角1方面的经验，我需要使用我从登录阶段获得的凭据，我只是无法得到正确的方法。
这就是我如何预告我的登录方式：
import { Injectable } from 'angular2/core';
import { IjobCard } from '../jobCard/jobCard';
import { Http, Response } from 'angular2/http';
im
浏览 0提问于2016-09-11得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
