Question

服务具有空对象“消息”。我通过“ add（）”方法分配其属性值。日志显示已分配值。但是，当我想直接从组件或通过getter获取它时，属性仍然是不确定的，这已通过getter中的log（）方法得到确认。

我在Angular和TS中都是新手，所以我想我看不到明显的错误。预先感谢您的帮助。

消息对象：

export class Message {
  messageText: string;
  messageStatus: MessageStatus;
}

MessageStatus枚举：

export enum MessageStatus {
  INFO,
  SUCCESS,
  ERROR,
  WARN
}

服务：

import {Injectable} from '@angular/core';
import {Message} from '../../model/message';
import {log} from 'util';

@Injectable({
  providedIn: 'root'
})
export class MessageService {

  private message: Message = new Message();

  constructor() { }

  public add(message: Message): void {
    this.message = message
    log('MESSAGE in add: ' + this.message.messageText +', STATUS in add: ' + this.message.messageStatus);
  }

  public getMessage(): Message {
    log('MESSAGE in get: ' + this.message.messageText +', STATUS in get: ' + this.message.messageStatus);
    return this.message;
  }

  public clear(): void {
    this.message = new Message();
  }
}

组件：

import { Component, OnInit } from '@angular/core';
import {MessageService} from '../../service/messages/message.service';
import {MessageStatus} from '../../service/messages/messageStatus';

@Component({
  selector: 'app-messages',
  template: `    
    <div class="message-position" *ngIf="messageService.getMessage().messageText">
      <div [ngClass]="{
        'alert alert-info': messageService.getMessage().messageStatus === MessageStatus.INFO,
        'alert alert-success': messageService.getMessage().messageStatus === MessageStatus.SUCCESS,
        'alert alert-danger': messageService.getMessage().messageStatus === MessageStatus.ERROR,
        'alert alert-warning': messageService.getMessage().messageStatus === MessageStatus.WARN
      }">
        {{messageService.getMessage().messageText}}
        <button class="btn btn-primary" (click)="messageService.clear()">Ok</button>
      </div>

    </div>`,
  styleUrls: ['./messages.component.scss']
})
export class MessagesComponent{
  constructor(public messageService: MessageService) { }
}

add（）中的

log（）输出显示对象属性接收到值：

25 Nov 19:05:22-添加消息：未找到客户，添加状态：3

在getMessage（）中的

log（）输出中，对象属性仍未定义：

25 Nov 19:05:22-get中的消息：未定义，get中的状态：未定义

更新：

调用add（）的方法。放在不同的类中：

private messageService: MessageService = new MessageService();
private message: Message = new Message();

logResponce(messageText: string, messageStatus: MessageStatus): void {
    this.message.messageText = messageText;
    this.message.messageStatus = messageStatus;
    this.messageService.add(this.message);
  }

Answer 1

new MessageService()

创建服务的新实例。你不要那样您要使用由Angular创建并注入到组件中的单例实例。

无法在Angular Service中为对象的属性分配值

1 个答案: