Примечание. Если вы не открыли все страницы до шага 3. Нет проблем. Повторно подключитесь к Интернету и откройте все эти ссылки в добавленном ярлыке на рабочем столе.

ел бы найти локальную / автономную версию документации Angular 4 (https://angular.io/docs), что я мог бы использовать в автономном режиме (вообще без доступа к Интернету, усердие и его альтернативы) не может быть использовано к сожалению.

После многих часов поисков кажется, что никто не мог найти простое решение для этой задачи, только для версии angularJS 1.0.

Я также пытался клонироватьпроект угловой документации без успеха при запуске его локально без интернета.

 octo-developer03 окт. 2017 г., 20:09
да я бы предпочел более удобное решение :)
 Mehdi02 окт. 2017 г., 21:18
с помощью Chrome вы можете локально сохранить каждую страницу на вашем диске. Но это утомительно, так как вам придется делать это для каждой нужной вам страницы. щелкните правой кнопкой мыши и нажмите Сохранить как, выберите страницу завершена

Ответы на вопрос(6)

//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 },
  {path: '**', redirectTo: '', pathMatch: 'full' }
]
@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    WellcomeComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    RouterModule.forRoot(appRoutes)
  ],
  providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

//app.component.ts
import { Component } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

@Component({
  selector: 'app-root',
  template:`
  <div style="text-align:center">
  <p>
  <a [routerLink]="['/']">Home</a>
  </p>
  <p>
  <a [routerLink]="['/wellcome']">Wellcome</a>
  </p>
  <h1>
    Welcome to {{title}}!
  </h1>
</div>
<h2>Here are router-outlet: </h2>
<router-outlet></router-outlet>`,
})
export class AppComponent {
  title = 'app';
}

the wellcome.component.ts

//wellcome.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-wellcome',
  template:`
  <p>
  wellcome works!
</p>
  `
})
export class WellcomeComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
}

home.component.ts

//home.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  template:`
  <p>
  home works!
</p>
  `
})
export class HomeComponent implements OnInit {

    constructor() { }

  ngOnInit() {
  }
}

после того, как вы выполните ng build --prod, вы должны отредактировать файл index.html, заменив на document.write ("")

Index.html будет похож

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>AppNew</title>
        <script>document.write("<base href='"+window.location.href+"'/>") </script>
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/>
    </head>
        <body>
            <app-root/>
            <script type="text/javascript" src="inline.2833f8af5a9f1ba869e4.bundle.js"/>
            <script type="text/javascript" src="polyfills.8eba0ab53b5457105d75.bundle.js"/>
            <script type="text/javascript" src="vendor.aeea1adcdc349547d6f1.bundle.js"/>
            <script type="text/javascript" src="main.c39d8a271dce22bb4c5c.bundle.js"/>
    </body>
</html>

но он работает. Вам требуется только браузер Google Chrome, чтобы загрузить автономную версиюangular.io Веб-сайт. Шаги следующие:

Откройте angular.io в браузере Chrome.Откройте все страницы хотя бы один раз, чтобы они были доступны для чтения в автономном режиме. Страницы будут кэшироваться в браузере.Теперь перейдите в Дополнительные инструменты> Добавить на рабочий стол и нажмите Добавить.

Ваша оффлайн версияangular.io находится на рабочем столе. Попробуйте после отключения от интернета.

Примечание. Если вы не открыли все страницы до шага 3. Нет проблем. Повторно подключитесь к Интернету и откройте все эти ссылки в добавленном ярлыке на рабочем столе.

Угловой-клиВы можете построить угловой проект 4, используянг построить , В вашем каталоге dist у вас есть все необходимые файлы.

Если вы откроете «index.html» в навигаторе, вы сможете выполнить проект. Если у вас есть сервер IIE, вы можете создать пустой веб-сайт

ВАЖНО: если вы не используете сервер, после выполнения ng build --prod вам необходимо отредактировать de index.html и изменить «base» и закрыть скрипт тега (вы также можете изменить имена .js)

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
        <title>AppNew</title>
        <base href="/Users/Usuario/Documents/app-new/dist/">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
          <link href="styles.css" rel="stylesheet"/>
    </head>
    <body>
        <app-root/>
        <script type="text/javascript" src="inline.js"></script>
        <script type="text/javascript" src="polyfills.js"></script>
        <script type="text/javascript" src="vendor.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </body>
</html>
 octo-developer04 окт. 2017 г., 09:57
Можете ли вы добавить дополнительную информацию? Вы имеете в виду, что мне нужно клонировать документы, как я уже упоминал в своем вопросе?
 octo-developer11 окт. 2017 г., 12:17
эй, все еще не мог получить это .. не могли бы вы объяснить, шаг за шагом, что делать? конечный результат будет неким локальным сайтом angular.io
 Eliseo04 окт. 2017 г., 10:57
Завершен мой ответ
 Eliseo13 окт. 2017 г., 12:24
Извините за задержку. Я подумаю, что это возможно, но есть проблема: маршруты. Вы должны использовать HashLocationStrategy. см мой пример в ответе

или нажмите Ctrl + P и сохраните ее в формате PDF.

Перейти кDevDocs.io этот сайт первымЗатем перейдите кпредпочтение из менюОтметьте элемент, который вы хотите получить в списке и нажмите ПрименитьЗатем перейдите кНе в сети из меню и установите все документы, которые вы хотите видеть в автономном режиме.Вот и все !!! Теперь вы можете видеть это даже в автономном режиме.

которые не знают, что такое усердие? автономное приложение для рабочего стола для документации по языкам и фреймворкам, которую вы можете скачатьрвение настольное приложение по ссылке ниже:

https://zealdocs.org/download.html

это работает в автономном режиме! и вы можете скачать все, что вы хотите получить к нему доступ в автономном режиме

 sɐunıɔןɐqɐp13 сент. 2018 г., 13:16
ОП явно упоминает, что он не намерен использовать усердие в своей среде.
 nadir hamidou17 сент. 2018 г., 15:44
я не видел этого, однако это могло бы помочь другим людям, которые не знают метода усердия.

Ваш ответ на вопрос