無法從響應中獲取單個屬性Angular 2

Question

我想從控制器訪問屬性「狀態」，只需執行一些操作，但我無法獲取此屬性並執行任何其他操作。我分享我下面的代碼：

TasksController：

[HttpGet] 
public ActionResult GetTasks() 
{ 
    var q = (from a in db.Tsk 
     join b in db.TType on a.TaskTypeID equals b.TaskTypeID 
     join c in db.Prior on a.PriorityID equals c.PriorityID 
     join d in db.Usr on a.AssignedTo equals d.Employees.EmpName 
     select new 
     { 
      a.TaskID, 
      a.TaskCode, 
      a.AssignedTo, 
      a.Date, 
      a.DueDate, 
      a.Status, 
      a.Reply, 
      a.PriorityID, 
      a.TaskTypeID, 
      b.TaskType, 
      c.Priorities, 
      d.Login 
     }).ToList().Skip(1).AsEnumerable(); 
     db.Configuration.ProxyCreationEnabled = false; 
     return Json(q, JsonRequestBehavior.AllowGet); 
} 

AppService服務：

import { Injectable } from '@angular/core'; 
import { Http, Headers, Response } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/filter'; 
import { Observable } from 'rxjs/Observable' 

@Injectable() 

export class AppService { 
constructor(private _http: Http) { } 

//Task Register 
getFTRs(c: string) { 
return this._http.get('Tasks/GetTasks').map(res => res.json().filter(a => a.Login === c)); 
} 
} 

HomeComponent：

import { Component, OnInit, Input } from '@angular/core'; 
import { AuthenticationService } from '../_services/index'; 
import { AppService } from '../app.service'; 
import { LoginComponent } from '../login/index'; 
import { User, TaskRegisters } from '../contract'; 
import { Message } from '../message'; 

@Component({ 
    moduleId: module.id, 
    selector: 'home', 
    templateUrl: 'home.component.html', 
    providers: [LoginComponent] 
}) 

export class HomeComponent implements OnInit { 
    users: User[]; 
    tasks: string; 
    msgs: Message[] = []; 
    curr: any; 
    constructor(private userService: AuthenticationService, 
     private Tsk: AppService, 
     private Log: LoginComponent) { } 

    ngOnInit() { 
     debugger; 
     this.curr = localStorage.getItem('currentUser').slice(1); 
     this.Tsk.getFTRs(this.curr).subscribe(
      res => { 
       this.tasks = res.Status, 
        error => console.log(error) 
      }); 
     if (this.tasks) { 
      this.msgs.push({ severity: 'error', summary: 'Task Assigned', detail: 'A new task has been assigned to you' }) 
     } 
    } 
} 

狀態是一個布爾值，如果布爾是true，我想在消息數組中推送消息。我無法獲得Status的值並將其存儲在Home組件的任務變量中。每當我運行該程序時，都會顯示此任務爲未定義的，因此無法進行比較。任何幫助將不勝感激。

Answer 1

變化：

this.Tsk.getFTRs(this.curr).subscribe(
      res => { 
       this.tasks = res.Status, 
        error => console.log(error) 
      }); 
     if (this.tasks) { 
      this.msgs.push({ severity: 'error', summary: 'Task Assigned', detail: 'A new task has been assigned to you' }) 
     } 

到

this.Tsk.getFTRs(this.curr).subscribe(
      (res) => { 
       console.log(res); //What does this print? 
       this.tasks = res.Status; 
       console.log(this.tasks); //What does this print? 
       if (this.tasks) { 
         this.msgs.push({ severity: 'error', summary: 'Task Assigned', detail: 'A new task has been assigned to you' }) 
       } 
      }, 
      (error) => {console.log(error);} 
    ); 

既然你assingning this.tasks內getFRSs'回調是異步，你的時間在下面用它在if聲明它是undefined。

Answer 2

由於this.tasks現在提供給我@echonax的編輯我這樣做是爲了使工作後！

ngOnInit() { 
     debugger; 
     this.curr = localStorage.getItem('currentUser').slice(1); 
     this.Tsk.getFTRs(this.curr).subscribe(
      res => { 
       this.tasks = res; 
       for (let i = 0; i < this.tasks.length; i++){ 
        if (this.tasks[i].Status) { 
         this.msgs.push({ severity: 'error', summary: 'Task Assigned', detail: 'A new task has been assigned to you' }) 
        } 
       } 
      }, 
      error => console.log(error) 
     )}