我有一個角度專案，我在資產檔案夾中有一個組態檔
{
"brandConfig": "brand1",
"brand1":
{"urlPath": "http://192.168.168.60:8081/mantle-services",
"brandName": "brand1",
"logoPath": "assets/images/logos/logosemiwhite.svg",
"logo1": "assets/images/logos/logosemiwhite.svg",
"logo2": "assets/images/logos/logo.svg",
"theme":"theme-brand1",
"defaultLanguage": "en"
},
"brand2":{
"urlPath": "http://192.168.168.70:8081/mantle-services",
"brandName": "brand2",
"logoPath": "assets/images/logos/brand2-white.png",
"logo1": "assets/images/logos/bbrand2-only-symbol.png",
"logo2": "assets/images/logos/logo.svg",
"theme":"theme-fynhouse",
"defaultLanguage": "en"
}
}
我需要在 index.html 檔案中加載 logoPath。
這是 index.html 檔案中的正文：
<body>
<!-- FUSE Splash Screen -->
<fuse-splash-screen id="fuse-splash-screen">
<div class="center">
<div class="logo">
<img width="128" src="assets/images/logos/logosemiwhite.svg">
</div>
<!-- Material Design Spinner -->
<div class="spinner-wrapper">
<div class="spinner">
<div class="inner">
<div class="gap"></div>
<div class="left">
<div class="half-circle"></div>
</div>
<div class="right">
<div class="half-circle"></div>
</div>
</div>
</div>
</div>
<!-- / Material Design Spinner -->
</div>
</fuse-splash-screen>
<!-- / FUSE Splash Screen -->
<app></app>
</body>
如您所見，影像現在在 index.html 中進行了硬編碼
<img width="128" src="assets/images/logos/logosemiwhite.svg">
關于如何用上面放置在 assets 中的組態檔中的 brand1.logoPath 替換此處的鏈接的任何建議。這是組態檔（brand-config.json）
uj5u.com熱心網友回復：
我的情況和你一樣，以下是我的解決方案和你可以放在下面的代碼app.component.ts：
constructor(@Inject(DOCUMENT) private _document;)
{
const brands = require('../your_path/../config.json');
let config: string = brands['brandConfig'];
var brand = brands['config'];
this._document.getElementById('img_tag_id').setAttribute('src', brand['logoPath']);
}
不確定此解決方案是否可以幫助您。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/444874.html
標籤：javascript html 有角度的 http 前端