if (window.CustomEvent) {
const myElement = document.querySelector(".button")
const middleClick = new MouseEvent("click", { "button": 1, "which": 1 });
myElement.dispatchEvent(middleClick);
}
@Directive({
selector: 'textarea[appText]'
})
export class TextDirective {
@Output() public hasScrollBar = new EventEmitter<boolean>();
constructor(private readonly elRef: ElementRef<HTMLTextAreaElement>) {}
@HostListener('change')
@HostListener('input')
public changes() {
const elem = this.elRef.nativeElement;
this.hasScrollBar.emit(elem.clientHeight < elem.scrollHeight);
}
}
<textarea appText (hasScrollBar)="print($event)"></textarea>
я хотел бы чтобы pipe выводил их как целые. То есть чтобы пользователь видел не дробное число, а целое, например округлённое.
Важно чтобы при этом они сами по себе оставались дробными(для вычислений, которые будут позже производиться в компоненте)
switchMap((token) => {
console.log(token)
const headers = new HttpHeaders().set(
'Authorization',
'bearer ' + token.id_token
);
return this.httpClient.get('http://143.167.112.46:3001/api/protected/user-info', {headers}).pipe(
map(user => {
return { user, token }
})
)
}),
mergeMap({ user, token }) => {
console.log(user, token)
this.router.navigate(['/']);
return [
{
type: AuthActions.SIGNIN
},
{
type: AuthActions.SET_TOKEN,
payload: token
}
];
});
this.httpClient.get('http://143.167.112.46:3001/api/protected/user-info', {headers})
и все остальные запросы к серверу в сервис. child.addEventListener('click', function(){
alert("Привет, я - Child");
})
child.addEventListener('mousedown', function(){
alert("Привет, я - Parent");
})
<section>
<input [(ngModel)]=currentString>
{{currentString.length}}
</section>
<your-tooltip [hidden]="currentString.length > 10">
Lorem, ipsum.
</your-tooltip>
var elementClick = $(this).attr("href");
var destination = $(elementClick).offset().top;
<div class="audio">
<span>Название аудио</span>
<audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
<p>Ваш браузер не поддерживает аудио</p>
</audio>
</div>
<div class="audio">
<span>Название аудио</span>
<audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
<p>Ваш браузер не поддерживает аудио</p>
</audio>
</div>
<div class="audio">
<span>Название аудио</span>
<audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
<p>Ваш браузер не поддерживает аудио</p>
</audio>
</div>
<div class="audio">
<span>Название аудио</span>
<audio controls src="http://www.sample-videos.com/audio/mp3/crowd-cheering.mp3" >
<p>Ваш браузер не поддерживает аудио</p>
</audio>
</div>
const audioList = document.querySelectorAll('audio')
let currentAudio
Array.prototype.forEach.call(audioList, audio => {
audio.addEventListener('play', e => {
if (currentAudio) currentAudio.pause()
currentAudio = e.target
})
})