Question

app.template.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>

app.component.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);
    }
}

message.model.ts

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

export class Message(){
    constructor(public content: string){}
}

这段代码是在angularjs2和nodejs中构建的。我创建了一个按钮。当我点击按钮时，它会给我这样的响应，你好99号码是一个很棒的数字。这段代码中的保留字是什么？谁都可以帮忙??

Answer 1

问题是您在名称为()后声明带有括号的Message类：

export class Message(){

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

message.model.ts

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

export class Message{
    constructor(public content: string){}
}

Answer 2

使用await时遇到类似的错误，但最近的父函数不是async。

Answer 3

当使用 javascript 类时，# 前缀的变量范围私下进入 this，因此

let #defaultImageSrc = window.URL.createObjectURL(expImage);       // yields the error

应该阅读

this.#defaultImageSrc = window.URL.createObjectURL(expImage);

错误：SyntaxError：意外的严格模式保留字（...）..

3 个答案: