Angular 4 documentation offline computer [closed]

Closed. This question is seeking recommendations for software libraries, tutorials, tools, books, or other off-site resources. It does not meet Stack Overflow guidelines. It is not currently accepting answers.

We don’t allow questions seeking recommendations for software libraries, tutorials, tools, books, or other off-site resources. You can edit the question so it can be answered with facts and citations.

Closed 5 years ago .

I would like to find a local/offline version of the Angular 4 documentation (https://angular.io/docs), that I could use in an offline environement (no internet access at all, zeal and its alternatives) could not be used unfortunatly. After many hours of searches it seems that nobody could find a simple solution for this task, only for the angularJS 1.0 version.. I have also tried cloning the angular documentation project without success on running it locally without internet available.

45.6k 21 21 gold badges 159 159 silver badges 282 282 bronze badges asked Oct 2, 2017 at 19:13 octo-developer octo-developer 171 1 1 gold badge 1 1 silver badge 11 11 bronze badges

with chrome, you can save locally each page on your disk. But it's tedious as you will have to do it for every page you need. right click and hit save as, select page complete

Commented Oct 2, 2017 at 19:18 yes, I'd prefer a more convenient solution :) Commented Oct 3, 2017 at 18:09

If you use firefox you can use this addon Angular Doc Offline ..it fetches angular site and caches it on your browser so you can browse it offline

Commented Nov 16, 2021 at 18:08

6 Answers 6

enter image description here

Go to DevDocs.io this website first
Then go to Preference from Menu
Check item that you want to get in list and click Apply
Then go to Offline from Menu and install all documents those you want to see on offline.
That's all . Now you can see that even in offline.

answered Feb 22, 2018 at 11:12 754 10 10 silver badges 21 21 bronze badges

To print as PDF

Go to the page you want and print it in tools sections or press ctrl+p and save it as pdf

answered Jan 17, 2018 at 9:54 Keerthi Reddy Yeruva Keerthi Reddy Yeruva 881 2 2 gold badges 18 18 silver badges 44 44 bronze badges

for persons who dosn't know what zeal is ? offline desktop application for languages and frameworks documentation you can dwonload zeal desktop application from the link below :

it works offline ! and you can download whatever you want to access it in offline mode

enter image description here

answered Sep 13, 2018 at 10:47 nadir hamidou nadir hamidou 436 2 2 gold badges 8 8 silver badges 19 19 bronze badges The OP clearly mentions he does not intend to use zeal in his environment. Commented Sep 13, 2018 at 11:16 i didn't see that, however it could help other persons who doesn't know zeal method. Commented Sep 17, 2018 at 13:44

if you use angular-cli, you can build an angular 4 project using ng build . In your "dist" directory you have all the files you need.

If you open the "index.html" in a navigator you can execute the project. If you have a IIE server you can create a empty Web site

IMPORTANT: if you don't use a server, after execute ng build --prod you must be edit de index.html and change "base" and close tag script (you can change the names of .js too)

    AppNew

answered Oct 2, 2017 at 19:51 56.6k 4 4 gold badges 34 34 silver badges 76 76 bronze badges

can you please add more information? Do you mean that I need to clone the docs as i mentioned in my question?

Commented Oct 4, 2017 at 7:57 Completed my answer Commented Oct 4, 2017 at 8:57

hey, still could not get it.. could you please explain step by step what to do? the final result will be a kind of local site of angular.io

Commented Oct 11, 2017 at 10:17

Sorry for delay. I'll think that it's possible, but there are a problem: the routes. You must use a HashLocationStrategy. see my example in the answer

Commented Oct 13, 2017 at 10:24

//app.module.ts import < BrowserModule >from '@angular/platform-browser'; import < NgModule >from '@angular/core'; import < RouterModule, Routes >from '@angular/router'; import < HashLocationStrategy,LocationStrategy,CommonModule >from '@angular/common'; import < AppComponent >from './app.component'; import < HomeComponent >from './home/home.component'; import < WellcomeComponent >from './wellcome/wellcome.component'; const appRoutes: Routes = [ < path: '', component: HomeComponent >, < path: 'wellcome', component: WellcomeComponent >, ] @NgModule( < declarations: [ AppComponent, HomeComponent, WellcomeComponent ], imports: [ BrowserModule, CommonModule, RouterModule.forRoot(appRoutes) ], providers: [ < provide: LocationStrategy, useClass: HashLocationStrategy >], bootstrap: [AppComponent] >) export class AppModule

//app.component.ts import < Component >from '@angular/core'; import < RouterModule, Routes >from '@angular/router'; @Component( < selector: 'app-root', template:`  Home 
 Wellcome 
 Welcome to >!
 
 Here are router-outlet:
 `, >) export class AppComponent

//wellcome.component.ts import < Component, OnInit >from '@angular/core'; @Component( < selector: 'app-wellcome', template:` wellcome works!
 ` >) export class WellcomeComponent implements OnInit < constructor() < >ngOnInit() < >>

//home.component.ts import < Component, OnInit >from '@angular/core'; @Component( < selector: 'app-home', template:` home works!
 ` >) export class HomeComponent implements OnInit < constructor() < >ngOnInit() < >>

after you do ng build --prod you must edit the index.html replacing by document.write("")

Index.html will be like

    AppNew