<video autoplay muted></video>
<video muted></video>
video.play().then( => console.log('started')).catch(err => console.log(err));
<div class="overlay">
<div class="your-dialog"></div>
</div>
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.your-dialog {
z-index: 2;
}
@Injectable()
export class DataService {
private userIdSubject = new Subject<number>();
$userId = this.userIdSubject.asObservable();
setUserId(id: number) {
this.userIdSubject.next(id);
}
}
this.dataSvc.setUserId(id);
this.dataSvc.$userId.subscribe((id: number) => console.log('has changes!', id));
state('hidden', style({height: '0px'})),
state('visible', style({height: '*'})),
transition('* => *', animate('255ms ease'))
подключить JQuery плагины в Angular 2
Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файлзачем Вам ангуляр?
JavaScript
Gulp && WebPack
Angular || Vue.js || React.js
Node.js
@-webkit-keyframes autofill {
to {
color: #fff;
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
var autofill;
passInput.addEventListener('animationstart', (e) => {
autofill = e.animationName === 'autofill'; // 'autofill' - имя css анимации, которую мы задавали
});