Наследование классов компонентов осуществляется через extends
template так не наследуется
Построение и глубокое погружение в компилятор Angular
Мой вывод такой: ни какой клиентской компиляции нет, все происходит на сервере, либо нужно применять механизм Server Side Rendering
https://webformyself.com/postroenie-i-glubokoe-pogruzhenie-v-kompilyator-angular/
Удаленная подгрузка шаблонов
Нет возможность подгружать удаленные шаблоны с веб-сервера
@Component({
selector: 'app-my-component',
templateUrl: 'http://localhost/component.component.html', (1)
styleUrls: ['./my-component.component.css']
})
...
Обработка таким образом шаблонов (1) не возможно, т.к. компилятор выдаст следающую ошибку
Postresql — ускорение планировщика
set enable_seqscan=true
VACUUM FULL ANALYZE
VACUUM высвобождает пространство, занимаемое «мёртвыми» кортежами. При обычных операциях Postgres Pro кортежи, удалённые или устаревшие в результате обновления, физически не удаляются из таблицы; они сохраняются в ней, пока не будет выполнена команда VACUUM. Таким образом, периодически необходимо выполнять VACUUM, особенно для часто изменяемых таблиц.
Без параметра команда VACUUM обрабатывает все таблицы в текущей базе данных, которые может очистить текущий пользователь. Если в параметре передаётся имя таблицы, VACUUM обрабатывает только эту таблицу.
VACUUM ANALYZE выполняет очистку (VACUUM), а затем анализ (ANALYZE) всех указанных таблиц. Это удобная комбинация для регулярного обслуживания БД. За дополнительной информацией об анализе обратитесь к описанию ANALYZE.
Простая команда VACUUM (без FULL) только высвобождает пространство и делает его доступным для повторного использования. Эта форма команды может работать параллельно с обычными операциями чтения и записи таблицы, так она не требует исключительной блокировки. Однако освобождённое место не возвращается операционной системе (в большинстве случаев); оно просто остаётся доступным для размещения данных этой же таблицы. VACUUM FULL переписывает всё содержимое таблицы в новый файл на диске, не содержащий ничего лишнего, что позволяет возвратить неиспользованное пространство операционной системе. Эта форма работает намного медленнее и запрашивает исключительную блокировку для каждой обрабатываемой таблицы.
Когда список параметров заключается в скобки, параметры могут быть записаны в любом порядке. Без скобок параметры должны указываться именно в том порядке, который показан выше. Синтаксис со скобками появился в PostgreSQL 9.0; вариант записи без скобок считается устаревшим.
Angular: Server Side Rendering
Данная возможность позволяет производить отрисовку страниц на стороне сервера. Подробнее об этом написано здесь:
Вывод
- запуск производиться не через команду ng server, а через npm run serve:ssr. Используется сервер node.js с express модулем
- после любых изменений в компоненте требуется выполнить команду npm run build:ssr (пересобрать проект) и только после этого запускать команду npm run serve:ssr
Angular 4 Jump start — краткий пересказ
Заметки:
// использование переменных в html
let i = index
// равнозначно
index as i
tslint.json — предназначен для редактирование (настройки) оформления проекта. В файле angular-cli.json указываются настройки CLI
Файл с расширением *.spec предназначен для тестирования.
// это и есть мета-данные
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
Для подмены префикса у компонентов, например в app-root, заменить app на название фирмы, нужно перейти в файл .angular-cli.json и найти свойство префикс и подменить его
Читать далее «Angular 4 Jump start — краткий пересказ»Http запросы в Angular
Подключение HttpClient
// app.module.ts
import { HttpClientModule } from '@angular/common/http';
@NgModule({
...
imports: [
...
HttpClientModule
],
...
})
Примечание: обработка данных происходит через объект Observable
Читать далее «Http запросы в Angular»Angular сервисы
Сервисы не имеют представлений
ng g service [имя сервиса]
Примечание!!! После генерации сервиса обновление app.component.ts не происходит.
И поэтому нам самим вручную нужно прописать ссылку на сервис в файле app.module.ts
Читать далее «Angular сервисы»Роутинг приложения. Первое приложение Angular
Чтобы объяснить как это работает проще перейти сразу к примера.
Для начала при помощи команды ng generate создадим пару страниц:
- home
- about
- news
- price
- notfound
ng generate component [имя страницы]Читать далее «Роутинг приложения. Первое приложение Angular»