如何通过子目录提供Angular 2 CLI ng

Question

我设置了angular-cli.json第9行“outDir”：“dist / bice /”并且构建很好，但我需要开发环境来反映bice子目录。例如。 http://localhost:4200/bice/

统计：

Linux（arch / antergos）

angular-cli: 1.0.0-beta.24
node: 7.5.0
os: linux x64
@angular/common: 2.4.0
@angular/compiler: 2.4.0
@angular/core: 2.4.0
@angular/forms: 2.4.0
@angular/http: 2.4.0
@angular/platform-browser: 2.4.0
@angular/platform-browser-dynamic: 2.4.0
@angular/router: 3.4.0
@angular/compiler-cli: 2.4.0

Answer 1

所以我通过导入环境并检查生产是否解决了这个问题。

接下来是如何在应用程序中提高它，以便我可以在任何地方设置它并让它反映在所有组件上。我正在考虑app.component级别。

import { Component, OnInit } from '@angular/core';
import { environment } from '../../environments/environment';

if (environment.production) {
var urlProduction = null;
urlProdcution = '/bice';
}

@Component({
selector: 'app-presentation',
templateUrl: './presentation.component.html',
styleUrls: ['./presentation.component.sass']
})
export class PresentationComponent implements OnInit {
moduleTitle1 = 'Presentation Module';
moduleDescription1 = 'This will be the short description of the module and what sort of training it provides. From here the user can click the button and the pop-up modal will show up. An idea is to place a check mark on ones that users have completed...';
moduleButton1 = 'START MODULE';
url = urlProduction; // {{url}} in the template.

constructor() { }

ngOnInit() {

}
}