Модуль устанавливается с Git репозитория, в папку node_modules
Добавьте следующие в ваш app.module.ts
import { NgUserModule } from '@webresto/ng-user';
import { ngCoreHttpInterceptorProviders } from '@webresto/ng-core';
import { ngUserHttpInterceptorProviders } from '@webresto/ng-user';imports: [
..........
NgUserModule
],
providers: [
..........
ngCoreHttpInterceptorProviders,
ngUserHttpInterceptorProviders
],import { NgRestoUserService } from '@webresto/ng-user';
..........
constructor(
private userService: NgRestoUserService
) {
// Проверить авторизирован ли, и подписатся на изменения
this.userService
.userIsLoggedIn()
.subscribe(isLoggedIn => {
...........
});
// Получить данные профиля и подписатся на изменения
this.userService
.userProfile()
.subscribe(user => {
this.user = user;
...........
});
// Получить историю заказов
this.userService
.userHistory()
.subscribe(historyItems => {
this.historyItems = historyItems;
...........
});
// Прописать токен авторизации принудительно
// Автоматически подменятся данные профиля и избранные
this.usrtService.setAuthToken(token)
}Пример использования в компоненте:
<input #phone type="text">
<input #password type="password">
<input #rememberMe type="checkbox">
........
<button appSignIn
[phone]="phone.value"
[password]="password.value"
[captcha]="captcha"
[rememberMe]="rememberMe.value"
(success)="...."
(error)="....">Войти</button>Пример использования в компоненте:
<input #name type="text">
<input #phone type="text">
<input #email type="text">
<input #password type="password">
........
<button appSignUp
[name]="name.value"
[phone]="phone.value"
[email]="email.value"
[password]="password.value"
[captcha]="captcha"
(success)="...."
(error)="....">Регистрация</button>Пример использования в компоненте:
<input #name type="text">
<select #streetId ...</select>
<input #home type="text">
<input #housing type="text">
........
<button appAddAddress
[name]="name.value"
[street]="streetId.value"
[home]="home.value"
[housing]="housing.value"
[index]="index.value"
[entrance]="entrance.value"
[floor]="floor.value"
[apartment]="apartment.value"
[doorphone]="doorphone.value"
(success)="...."
(error)="....">Регистрация</button>Пример использования в компоненте:
<button appDeleteAddress [address]="address">Удалить</button>Пример использования в компоненте:
<span appBalance></span>Директива добавит внутрь контейнера строку с текущим балансом
Пример использования в компоненте:
<button appSignOut class="btn-yellow-hollow align-center">Выход</button>Пример использования в компоненте:
........
<button appToggleDishToFavorites
[dish]="dish"
(change)="...."
(addedToFavorites)="...."
(removedFromFavorites)="...."
(error)="....">Регистрация</button>Также в случае, если товар в избранных - добавляется автоматом класс selected. После удаления из списка избранных удаляется и класс selected.
Событие change происходит при добавлении и удалении товара в избранные со значением true/false Событие addedToFavorites - при добавлении товара в избранное Событие removedFromFavorites - при удалении из избранных
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent