Angular6筆記 動態設定頁面標題title

2021-09-10 03:53:09 字數 634 閱讀 3762

眾所周知,angular6非常適合建立單頁面應用的框架,所以angular6建立出來的專案是放在乙個頁面中的,這也導致了所有頁面的標題都是一樣的,那麼問題來了,怎麼修改某乙個頁面的標題呢?

這裡需要介紹乙個知識點:title service

title service 用於獲取和設定當前 html 文件的標題

title service 提供了以下方法:

首先需要在你所應用的元件中進行匯入:

import  from '@angular/platform-browser';
然後要將其注入到元件中:

constructor(private titleservice: title)
就可以在當前元件中呼叫settitle和gettitle方法了

例項如下:

constructor(private titleservice: title, private http: httpclient, private router: router, private cookies: cookieservice)
參考文章:

Angular6筆記之全域性元件

在使用 angular6 做專案的時候,元件只能在乙個模組內進行宣告,也就是說,在預設情況下,元件編寫完成後都得在某個模組先根據檔案路徑引入該元件,然後在 ngmodule 的引數 declarations 進行新增,就可以在該模組的其他元件中進行使用了,注意,只能是 該模組 中。那麼,問題來了,我...

angular6 依賴注入 學習筆記

檔案目錄 得到的頁面 二.使用工廠和值提供器 把product2.component.ts中的provider屬性去掉 import from angular core import from share product.service import from share anotherproduc...

Angular6學習筆記13 HTTP(3

繼學習筆記12以後,可以模擬向後端傳送get post put delete請求了。在專案中,有乙個table,這個table的資料非常多,就好比現在的herolist,需要根據使用者輸入的資訊傳送給遠端伺服器,讓遠端伺服器通過這個資訊,返回搜尋結果。現在要檢索herolist中的資訊,就需要乙個輸...