Angular CLI 8.1 is released with lot of interesting changes.
This release includes brand new options for the various commands.
The official Node.js version that is supported for Angular CLI 8.0+ is 10.9 or greater.
Flag !
Lets look into the latest updates related to flags.
ng doc
It helps to open the official documentation in browser from CLI and also searched for given keyword.
For example, if you need to search for pipes relates documentation by passing pipes as keyword in ng doc command.
ng doc pipes
This will help us to open the related documentation in browser.
ng doc <keyword> –search
we additionally have the following options to this command
ng doc pipes --search=true|false
When search option is true, searches all of angular.io. Otherwise, searches only API reference documentation. Default: false
The similar option can simplified with alias -s as following
ng doc pipes --s=true
The command needs to be ran inside a angular project definition. Otherwise, we will get following error message in CLI
The doc command requires to be run in an Angular project, but a project definition could not be found.
You can compare difference search option flag values in above couple of images.
The command now also allows us to search for particular version of documents.
For example, we can search for documents related forms in angular version 6 using following command
ng doc form -s=false --version 6
If we didn’t specify any version during search, the command will search angular version you are using in your project.
ng generate component – -skip-selector
CLI version 8.1 brings an option to generate a component without any selectors.
--skip-selector
For example, the following command generates a component with selector
ng generate component sidebar
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-sidebar',
templateUrl: './sidebar.component.html',
styleUrls: ['./sidebar.component.css']
})
export class SidebarComponent implements OnInit {
constructor() { }
ngOnInit() {
}
whereas, the following command with skip selector generates a component without selector
ng generate component sidebar-ws –skip-selector
import { Component, OnInit } from '@angular/core';
@Component({
templateUrl: './sidebar-ws.component.html',
styleUrls: ['./sidebar-ws.component.css']
})
export class SidebarWsComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
This new flag will be helpful when we are dealing with situation to create a component which doesn’t actually required a component.
Simple example, consider we need to redirect to error page when something went wrong in application. In that case, we simply redirect the page to specific component with help routing.
Thanks for reading. Please feel free to subscribe, share and support this blog.
Efficient User 