未在app.component.html中执行Javascript代码

在我的

app.component.html

中，我已经删除了以下代码：

<script type="text/javascript">
  console.log('testing console')
</script>

---

我意识到在app.component.html中执行javascript代码可能是一种糟糕的做法。如何在Angular页面中执行javascript代码？

没错，在Angular应用程序中以这种方式运行JS是可能的，但强烈建议不要这样做。您可以在

app.component.ts

文件中使用ngOnInit（）函数，如下所示：

@Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  

  constructor() { }

  ngOnInit(): void {
    console.log("testing console");
  }

}

---

另外：根据您希望何时执行代码的用例，您还可以使用其他生命周期钩子接口。你也可以把它放在构造函数中，但我不确定这是否是推荐的。

@Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  

  constructor() { }

  ngOnInit(): void {
    console.log("testing console");
  }

}