Почему это? Я могу найти массу таких примеров?
Я так не думаю... да, мы можем найти несколько примеров использования Angular и Bootstrap, но не многие (я не смог найти ни одного) покажут вам, как создать полноценный веб-сайт. Мы можем найти образцы, использующие ng-bootstrap или ngx-bootstrap и некоторые компоненты, но НЕ используя стандартные или готовые примеры Bootstrap.
Вот процесс..
TL;DR
При использовании/клонировании с GitHub
# Create new directory mkdir angular-examples # Change directory cd angular-examples # Clone from Git repository - copy the url from github git clone https://github.com/<your username>/angular-examples.git # The above will download the examples, change directory to.. cd angular-bootstrap-starter # Build npm install # Run ng serve --open
Код на GitHub
Если у вас есть время, чтобы построить его с нуля
Часть 1: Создание нового приложения Angular
# Create new directory mkdir angular-example # Change directory cd angular-example # Create new Angular project ng new angular-bootstrap-starter # Change directory cd angular-bootstrap-starter # Build npm install # Run ng serve --open ## This will build and run a basic Angular application
Часть 2. Добавьте ngx-bootstrap
ng add ngx-bootstrap ## This will add bootstrap to your project
Часть 3: Создание компонентов (они же страницы)
Часть 4: Начальная загрузка
- Выполните всю стандартную начальную загрузку angular.. включая имена компонентов в
app.module.ts
2. Обновите app.component.html
, чтобы включить новые компоненты/страницы.
<app-header></app-header> <router-outlet></router-outlet> <app-footer></app-footer>
3. Обновить app.routing.module.ts
const routes: Routes = [ { path: '', component: HomeComponent } ];
Часть 5: Финал — Сборка и запуск
ng serve --open
Вы должны увидеть, как сайт загружается в новом браузере, как...
Разумеется, если вам понравилось это читать, я всегда ищу любознательных людей, которые могут написать или поговорить о технологиях. Или, если вы просто хотите поговорить, свяжитесь со мной в твиттере в любое время @surenkonathala