Скрыть div, если база данных содержит значение — Angular

#javascript #css #node.js #angular #postgresql

#javascript #css #node.js #angular #postgresql

Вопрос:

Я хочу проверить, содержит ли база данных postgresql определенное значение. Если это правда, я хочу скрыть HTML. Возможно ли это?

Могу ли я скрыть элементы с помощью CSS и JS или что я должен использовать, чтобы скрыть div?

Кроме того, как бы мы добавили его в Div, как оператор ngIf

Спасибо!

Ответ №1:

Что вы можете сделать, в сравнении с тем, что лучше, и угловым способом:

Я предполагаю, что вы ожидаете, что вызов AJAX будет похож на:

  $http.databaseAPI.get().subscribe(s => { this.hasValue == s.IsActive; });
 

Затем вы могли бы сделать несколько вещей:

 <div *ngIf="hasValue"></div>
 

Удаляет элемент из DOM. Потенциально очень низкая производительность при чрезмерном использовании.

 <div [hidden]="!hasValue"></div>
 

Скрывает элемент в DOM.

 <div [ngClass]="{'hideme': hasValue === false}"></div>
 

Изменяет CSS на основе выражения и потребует поддержки CSS для скрытия элемента.

Ответ №2:

Добро пожаловать в stackoverflow. Вы можете получить всю эту информацию из angular docs

*ngIf удаляет / добавляет HTML-элементы из html-дерева.

 <div *ngIf="condition">Content to render when condition is true.</div>