Есть какой-нибудь способ выразить addeventlistener и getelementbyId в Angular7?

Question

Мне было интересно, существует ли какой-либо метод или что-то еще, чтобы выразить метод addEventListener и getElementById в машинописи, чтобы использовать его

Я не знаю, поможет ли мне использование хоста декоратора, я еще не пробовал, но думаю, что это мог бы быть способ решить эту проблему.

const signUpButton = document.getElementById('signUp');
const signInButton = document.getElementById('signIn');
const container = document.getElementById('container');

signUpButton.addEventListener('click', ()=>
    container.classList.add('right-panel-active')
);

signInButton.addEventListener('click', ()=>
    container.classList.remove('right-panel-active')
);

Я просто хочу установить это в машинописи.

Answer 1

Вы помещаете обработчик щелчка на кнопки и используете ngClass для добавления класса в контейнер.

<button (click)="signUp()">Sign up</button>

<button (click)="signIn()">Sign in</button>

<div id="container" [ngClass]="{ 'right-panel-active': showPanel }"></div>

и в TypeScript

showPanel = false;

signUp() {
  this.showPanel = true;
}

signIn() {
  this.showPanel = false;
}