Angular 14에서 페이지 제목을 설정하는 방법
Route 인터페이스가
title
라는 새 속성으로 확장되었습니다.이 속성은 동적 제목을 설정하기 위한 정적 문자열 또는 사용자 지정 확인자일 수 있습니다.
예시:
export const routes: Routes = [
{
path: 'hello',
title: 'Hello!',
...
}
]
리졸버 포함:
@Injectable({ providedIn: 'root' })
class HelloTitleResolver implements Resolve<string> {
constructor(private randomEmoji: RandomEmojiService) { }
resolve(route: ActivatedRouteSnapshot) {
return this.randomEmoji.emoji().pipe(
map(e => `Hello ${e}!`)
);
}
}
export const routes: Routes = [
{
path: 'hello',
title: HelloTitleResolver,
...
}
]
Angular는 또한 모든 경로에 대한 제목을 처리하기 위해 글로벌 전략을 설정할 수 있는
PageTitleStrategy
를 제공합니다.
Reference
이 문제에 관하여(Angular 14에서 페이지 제목을 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ajuni880/how-to-set-page-title-in-angular-14-33c6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)