Attach bsUserAgent to any element to receive a single (detected) event with the parsed operating system and web browser of the current visitor.
<div bsUserAgent (detected)="userAgentDetected($event)">
@if (detectedUserAgent?.os) {
<p>Operating system: <b>{{ detectedUserAgent.os }}</b></p>
}
@if (detectedUserAgent?.webbrowser) {
<p>Web browser: <b>{{ detectedUserAgent.webbrowser }}</b></p>
}
</div>
import { Component } from '@angular/core';
import {
BsUserAgentDirective,
BsUserAgent,
} from '@mintplayer/ng-bootstrap/user-agent';
@Component({
selector: 'my-user-agent-demo',
templateUrl: './my-user-agent-demo.component.html',
imports: [BsUserAgentDirective],
})
export class MyUserAgentDemoComponent {
protected detectedUserAgent?: BsUserAgent;
userAgentDetected(userAgent?: BsUserAgent) {
this.detectedUserAgent = userAgent;
}
}