主要使用的是ng-alain
的@delon/theme
包内置的方法。
首先,配置好文件。在项目的assets
文件夹内放好图片和配置json文件
然后,编辑好json文件
{
"app": { // app这里是不能改的,后面在框架的内置服务里可以直接读到
"login_sys_name":"登录页的项目名字",
"other_msg":"其他随便任何文字",
...
"login":"login.png", // 图片的名字,固定的,无论传什么图片上来都是这个,新的替代旧的,也不用文件名去重了
},
...
}
最后就是使用框架服务让内容生效
// 引入这个服务
import {SettingsService} from '@delon/theme';
constructor(
public settings: SettingsService
) { }
// 用它!!
ngOnInit () {
this.getTexts();
}
getTexts () {
this.titleText = this.settings.app;
}
HTML
里直接用就完事儿了
// 路径写死,只管传图片给后台,后台存进项目的img文件夹内就行,覆盖之前的那个图片,名字是一样的
<img class="logo" src="../../../assets/img/{{titleText.login}}" alt="" >
// 其他想要写的内容是在json内配好的,项目内配置好了以后,后台找到这个json文件,修改键名的对应值就行
<p >{{titleText.login_sys_name}}</p>
就酱。
网友评论