Angular 4 href directive for Bootstrap 4 nav tabs and anchor binding

In this small article I share the code of directive allowed to point to anchors or tabs of Bootstrap nav tabs blocks. It is only  small example and do not pretend to the best resolving. Anyway if you have propositions for change — please write it in comments below

Подробнее… «Angular 4 href directive for Bootstrap 4 nav tabs and anchor binding»

Отличный шаринг для Angular 4

Делюсь отличным шарингом для ангуляр 4 ( нашел на просторах инета), он обладает широким функционалом и все работает ! Поддерживает следующий шаринг reddit’, ‘twitter’,’facebook’, ‘googlePlus’,’stumbleUpon’, ‘tumblr’,’linkedin’, ‘pinterest’,’mail’   По умолчанию  предусановлены  ‘googlePlus’,’reddit’,’pinterest’, ‘linkedin’

Подробнее… «Отличный шаринг для Angular 4»

Angular 4 параметры в адресной строке

Параметры маршрута в Angular (пример)

Эта заметка лишь краткая шпаргалка и не гарантирует правильности всего ниже написанного. В классе модуля определим маршрут и  параметр маршрута

Подробнее… «Angular 4 параметры в адресной строке»

YII2 REST

Регистрация пользователя для YII2 REST APi и Angular 4

Это продолжение статьи о авторизациии на Angular 4 и YII2 REST API. Тут я просто приведу регистрацию пользователя со стороны сервера и фронта. На правильность решения я не претендую! Просто делюсь решением!

Со стороны сервера мы добавим новый экшн в контроллер Login

Подробнее… «Регистрация пользователя для YII2 REST APi и Angular 4»

YII2 REST

YII2 Rest — авторизация

Не так давно я начал писать простенькое SPA приложение на ангуляре 2 и YII2, и вроде бы с рестом на юии все просто и понятно, но почему то авторизация у меня никак не получалась… Основной проблемой было то что я не мог достучаться к методу апи для автроризации…Пробовал я и правила урл менеджера менять и c фильтром vierbFilter игрался но что никак не удавалось…Еще  все осложнялось тем, что необходимо делать кроссдоменный запрос т. к. фронт у меня пока что  на локалке, а бек уже на сервере… В общем ниже я приведу пример авторизации на YII2 REST API с использованием CORS.

Подробнее… «YII2 Rest — авторизация»

Angular Вывод превью изображения перед загрузкой

Маленький пример использования HTML5 FileReader в Angular4 для вывода превьюшки изображения перед загрузкой. По сути  с помощью FileReader  отображается локальный файл, который указанием локального пути не удастся отобразить из-за политики браузера…

  <img #profileImage  src="assets/images/empty-profile.png" alt="" 
class="profile-image" (click)="this.profileImageInput.click()">
<input type="file"  hidden #profileImageInput formControlName="image"
accept="image/jpeg,image/png,image/gif" (change)="imageChoosed($event)">

 

 

 @ViewChild("profileImage")
profileImage: any;
public imageChoosed(event:any){
let reader  = new FileReader();
reader.readAsDataURL(event.target.files[0]);
reader.onloadend = (e) => {
console.log('event');
this.profileImage.nativeElement.src=reader.result;
}
}