我如何从我的C＃Web API的角度7中填充材料下拉列表？

Question

我是angular的新手，并试图找出如何从C＃.NET Web API绑定angular中的dropdownlist。这是我在应用程序中正在做的事情：

MVC Web API模型

[Table("tblShirt")]
public class Shirt
{
    [Key]
    public int ShirtID { get; set; }
    public string ShirtName { get; set; }
    public string ShirtCode { get; set; }
    public bool IsActive { get; set; }
}

Angular使用的控制器方法

[HttpGet]
[AllowAnonymous]
public IEnumerable<Shirt> GetShirtCodes()
{
    var result = (from r in db.Shirts where r.IsActive == true orderby r.ShirtCode select r).ToList();
    return (result);
}

component.html

<mat-form-field style="width:inherit;">
  <mat-label>Shirt Code</mat-label>
    <mat-select>
      <mat-option *ngFor="let shirt of shirts" [value]="shirts.value">
        {{shirts.viewValue}}
      </mat-option>
     </mat-select>
 </mat-form-field>

[除此之外，我已经在自己的model.ts中镜像了我的模型。这就是我卡住的地方。我读过的所有教程都从这里开始。我在我的component.ts中尝试了以下内容]

import { Component, OnInit } from '@angular/core';
import { ReprintService } from 'src/app/shared/reprint.service';
import { FormBuilder, Validators } from '@angular/forms';
import { Observable } from 'rxjs';
import { Reprint } from 'src/app/shared/reprint.model';
import { NotificationService } from 'src/app/shared/notification.service';
import { MatDialog } from '@angular/material';

public GetShirtCodes = (): Observable<any> =>  
{  
    return this._http.get(this.actionUrl)  
        pipe.(map((response: Response) => <any>response.json())); //shows error on response
}
但是我相信这是一个过时的解决方案。 

我是angular的新手，并试图弄清楚如何从C＃.NET Web API绑定angular中的dropdownlist。这是我在应用程序中正在做的事情：MVC Web API模型[Table（“ tblShirt”）]公共类...

Answer 1

不要使用Observables尝试一下