angular - 如何为 Angular 6 中的所有组件使用公共类 url？

Question

我有一个公共类，这个公共类在所有组件中导入，这个公共类 url 在所有组件中使用，但是这个 commonUrl 不起作用，所以如何为所有组件以角度制作 commonUrl（因为将来我必须做出改变仅在 commonUrl 的通用类中）？

export class CommonClass {
  constructor(commonUrl : string = 'http://localhost:3000'){}
}

category.component.html

<button mat-button><img src="commonUrl/{{categoryObj.categoryimage}}" style="height: 100px;width: 100px;"/></button>

follow.component.html

 <td mat-cell *matCellDef="let element"> 
   <img src="commonUrl/{{element.userimage}}" style="height: 40px;width: 40px;"/>
 </td>

标签： angular

Answer 1

最好的方法是使用文件夹中的文件environnements。

在文件中environnement.dev.ts：

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000',
};

使用环境变量：

import { environment } from '../../environments/environment';

在您的组件中：

apiUrl = environment.apiUrl;