错误:语法错误:意外的严格模式保留字(…)..

Son*_*ngh 5 typescript angular

应用程序模板.html

<div class="container">
   <div class="row">
      <div class="col-md-6 ">
         <button class= "btn btn-primary" (click)="onAddMessage()">RANDOM BUTTON</button>
      </div>
   </div>
</div>
<div class="container">
   <div class="row">
      <div class="col-md-6 ">
         <article class="panel panel-default" *ngFor = "let latestmessage of messages" >
            <div class="panel-body">
               {{ latestmessage.content }}
            </div>
         </article>
      </div>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

应用程序组件.ts

import { Component } from '@angular/core';
import { Message } from './message.model';

@Component({
    moduleId: module.id,
    selector: 'my-app',
    templateUrl: 'app.template.html'
})
export class AppComponent {
    messages: Message[] = [
        new Message('hello')
    ];

    onAddMessage() {
        const rnd = Math.ceil(Math.random() * 100);
        const msg = new Message(rnd + ' is a awsome number');
        this.messages.push(msg);
    }
}
Run Code Online (Sandbox Code Playgroud)

消息.model.ts

import { Component } from '@angular/core';

export class Message(){
    constructor(public content: string){}
}
Run Code Online (Sandbox Code Playgroud)

这段代码是在 AngularJS2 和 NodeJS 中构建的。我创建了一个按钮。当我单击按钮时,它会给我回复,就像这个 hello 99 数字是一个很棒的数字。这段代码中的保留字是什么?任何人都可以帮忙吗?

Mar*_*son 9

我在使用时遇到了类似的错误,await但最近的父函数不是async


len*_*ndc 3

问题是您在声明 Message 类时在其名称后加上括号()

export class Message(){
Run Code Online (Sandbox Code Playgroud)

您可以将 message.model.ts 更改为:

消息.model.ts

import { Component } from '@angular/core';

export class Message{
    constructor(public content: string){}
}
Run Code Online (Sandbox Code Playgroud)