如何通过子目录服务Angular 2 CLI ng

Question

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

统计：

的Linux（弓/ 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() { 

} 
}