I'm trying to learn angular by creating a web application for the parish. in the products-list.component.ts I have the method for deleting which seems to be formally co,angular,subscribe"/>

时间戳

首页 > 解决方案 > 角度 service.component 错误 TS2339：“承诺”类型上不存在属性“订阅”

I'm trying to learn angular by creating a web application for the parish. in the products-list.component.ts I have the method for deleting which seems to be formally co

angular - 角度 service.component 错误 TS2339：“承诺”类型上不存在属性“订阅”

I'm trying to learn angular by creating a web application for the parish. in the products-list.component.ts I have the method for deleting which seems to be formally co

问题描述

I'm trying to learn angular by creating a web application for the parish. in the products-list.component.ts I have the method for deleting which seems to be formally correct, but in the phase of npm start it goes into error with the error code

TS2339: Property 'subscribe' does not exist on type 'Promise '.

I apologize if I do not respect the formal rules for forwarding the problem, but I am new and maybe I am documenting the problem incorrectly. Thanks for your patience. Moreno

goes wrong on the onDelete method

in other classes I use similar code and I haven't had an error of this kind. Are there any imports on list.component-products? Thanks inifinite

import { Component, OnInit, SystemJsNgModuleLoader } from '@angular/core';
import { NgForm } from '@angular/forms';


import { Prodotti } from 'src/app/model/prodotti.model';
import { Router, ActivatedRoute } from '@angular/router';
import { JsonPipe } from '@angular/common';

import { ProdottiListService} from 'src/app/features/prodotti/components/prodotti-list/prodotti-list.service';
import { ToastrService } from 'ngx-toastr';



let Header_Msg = "Gestione Prodotti";


@Component({
  selector: 'app-prodotti-list',
  templateUrl: './prodotti-list.component.html',
  styleUrls: ['./prodotti-list.component.css']
})
export class ProdottiListComponent implements OnInit {

  constructor(private service: ProdottiListService, private toastr: ToastrService) {

   }

  ngOnInit() {
    this.service.refreshList();
  }

  populateForm(emp: Prodotti) {
    this.service.formData = Object.assign({}, emp);
  }

  onDelete(id: number) {

    if (confirm('Confermi la cancellazione del Record ?'))  {
        this.service.deleteProdotti(id).subscribe(res => {
          this.service.refreshList();
          this.toastr.warning('Cancellazione eseguita con successo', Header_Msg);
        })
    }
  }

}

ERROR in src/app/features/prodotti/components/prodotti-list/prodotti-list.component.ts(41,41): error TS2339: Property 'subscribe' does not exist on type 'Promise'.

You need to complete the setup of your form and include all the required modules, please follow all the documentation about forms: https://angular.io/guide/forms-overview

If you're talking about styles, you may have a conflict inside your stylesheets, because following the Material Theming documentation you don't get those kind of issues:
https://github.com/angular/components/blob/master/guides/theming.md

Finally, provide more details about your problem the next time ;)

标签： angularsubscribe

解决方案

您需要确保服务方法返回一个Observable not a promise。

在你的情况下ProdottiListServicehas deleteProdottiwhich 返回 apromise所以你应该使用 .then(..)not .subscribe()。

更新您的服务方法以返回observable或不在.subscribe组件中使用：

this.service.deleteProdotti(id).then(res => {
          this.service.refreshList();
          this.toastr.warning('Cancellazione eseguita con successo', Header_Msg);
        })

推荐阅读