console.log无法在Angular2组件(Typescript)中工作

发布时间：2020-12-17 08:03:14 所属栏目：安全来源：网络整理

导读：我对Angular2和打字稿都比较新。由于typescript是javascript的超集，我希望console.log之类的函数能够工作。当在组件类之外时，console.log在.ts文件中完美地工作，但是在组件类内部不能正常工作。 // main.tsimport { Component } from '@angular/core';con

我对Angular2和打字稿都比较新。由于typescript是javascript的超集，我希望console.log之类的函数能够工作。当在组件类之外时，console.log在.ts文件中完美地工作，但是在组件类内部不能正常工作。

// main.ts

import { Component } from '@angular/core';
console.log("Hello1"); //1. This works perfectly

@Component({..)
export class App {
 s: string = "Hello2";
 // console.log(s); //2. This gives compilation error (when uncommented)
 // Error: Function implementation is missing or not immediately following the declaration.
}

有什么我想念的吗？

它不起作用因为console.log()它不在“App”类的“可执行区域”中。

类是由属性和方法组成的结构。

让代码执行它的唯一方法就是将它放在一个将要执行的方法中。例如：constructor()

console.log('It works here')

@Component({..)
export class App {
 s: string = "Hello2";
            
  constructor() {
    console.log(this.s)            
  }            
}

将类视为普通的javascript对象。

期望这个有用吗？

class:  {
  s: string,console.log(s)
 }

如果您仍然不确定，请尝试使用typescript playground，在那里您可以看到生成的普通javascript中的打字稿代码。

https://www.typescriptlang.org/play/index.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!