首页 > 代码库 > [Angular] Angular CLI

[Angular] Angular CLI

2024-09-10 08:18:49   215人阅读

Create an app with routing config:

ng new mynewapp --routing

 

If you want to generate a new module with routing , you can also do:

ng g m mynewModule --routing

 

Define env variable:

You can create a custom env file inside env folder. 

// environment.ch.tsexport const color = "China";// environment.fi.tsexport const color = "Finland";

 

And add those files into .angular-cli.json:

      "environments": {        "dev": "environments/environment.ts",        "prod": "environments/environment.prod.ts",        "ch": "environments/environment.ch.ts",        "fi": "environments/environment.fi.ts"      }

 

Import env file into your component:

import { Component } from ‘@angular/core‘;import {env_country} from ‘../environments/environment‘;@Component({  selector: ‘app-root‘,  templateUrl: ‘./app.component.html‘,  styleUrls: [‘./app.component.css‘]})export class AppComponent {  title = ‘app works!‘;  country = env_country;}

 

Run the app with the env config:

ng serve -e=chng serve --env=fing serve --prod

 

[Angular] Angular CLI


联系
我们