Angular10 isPlatformServer()函数
在本文中,我们将了解 Angular 10 中的isPlatformServer是什么以及如何使用它。
isPlatformServer用于获取代表服务器平台的平台 id
句法:
isPlatformServer(platformId);
NgModule:isPlatformServer使用的模块是:
- 通用模块
返回值:返回一个布尔值,说明平台 id 是否代表服务器平台。
方法:
- 创建要使用的 Angular 应用程序
- 将 isPlatformServer 从 @angular/core 导入项目。
- 在 app.component.ts 中定义保存布尔值的对象。
- 使用 ng serve 为 Angular 应用程序服务以查看输出
示例 1:
app.component.ts
import { Component, Inject }
from '@angular/core';
import { PLATFORM_ID }
from '@angular/core';
import { isPlatformServer }
from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
isServer: boolean;
constructor( @Inject(PLATFORM_ID) platformId: Object) {
this.isServer = isPlatformServer(platformId);
console.log(this.isServer);
}
}
app.component.ts
import { Component, Inject }
from '@angular/core';
import { PLATFORM_ID }
from '@angular/core';
import { isPlatformServer }
from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
isServer: boolean;
constructor( @Inject(PLATFORM_ID) platformId: Object) {
this.isServer = isPlatformServer(platformId);
}
}
”>app.component.html”
platform id does not represents a server platform.
输出:
示例 2:
app.component.ts
import { Component, Inject }
from '@angular/core';
import { PLATFORM_ID }
from '@angular/core';
import { isPlatformServer }
from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
isServer: boolean;
constructor( @Inject(PLATFORM_ID) platformId: Object) {
this.isServer = isPlatformServer(platformId);
}
}
”>app.component.html”
platform id does not represents a server platform.
输出:
参考: https://angular.io/api/common/isPlatformServer