在服务器或客户端执行的 Angular 代码

Question

看看这个非常基本的打字稿角度文件。这是一个非常基本的组件

import { Component } from '@angular/core';
import { Observable } from "rxjs/Observable";

@Component({
    selector: 'tagcomposant1',
    templateUrl: './composant1.component.html'
})

export class Composant1Component {    
    ngOnInit() {
        console.log("ngOnInit");
        alert('ngOnInit');
    }

    btn_click() {
        console.log("btn_click");
        alert("btn_click");
    }
}

这是 html 文件：

<button (click)="btn_click()">test</button>

我不明白 和ngOnInit()是btn_click()在服务器端还是在浏览器中运行。我可以在服务器控制台中看到一些日志消息。以及浏览器中的一些警报。所以我不明白。

我正在开发一个 ASP.NET Core 2 MVC 角度项目

谢谢

Answer 1

Angular 代码在 Web 浏览器的客户端运行。Angular 代码是用 Typescript 编写的，然后用 Javascript 进行转译，并且该 JavaScript 代码在客户端的浏览器上运行。

您在服务器端看到的消息是由客户端应用程序通过 HTTP 调用传送到服务器的。

有关 Angular 架构的更多详细信息，请访问：https ://angular.io/guide/architecture