Как выбрать в AngularJS, какой элемент html для отображения? Я получаю значение какого-либо элемента из базы данных и, если да, я хочу, чтобы показать это: <i class="fa fa-check"></i>
или если НЕТ это: <i class="fa fa-times"></i>
Выбор того, какой элемент html отображать в AngularJS
0
A
ответ
0
<!DOCTYPE html>
<html ng-app="app" ng-controller="ExampleController">
<head>
<title>stackoverflow</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div ng-show="dataFromDataBase">
view A
</div>
<div ng-hide="dataFromDataBase">
view B
</div>
<button ng-click="change()">return false/true</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js"></script>
<script>
//https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js
angular.module("app", [])
.controller("ExampleController", ["$scope",
function($scope) {
$scope.dataFromDataBase = true; // or false
$scope.change = function() {
$scope.dataFromDataBase ? $scope.dataFromDataBase = false : $scope.dataFromDataBase = true;
}
}
])
</script>
</body>
</html>
0
Установите значение базы данных к области приписано ничего , для например: model
и использовать ng-show и ng-hide директивы, чтобы показать/скрыть код HTML
<i ng-show="model" class="fa fa-check"></i> or if NO this: <i class="fa fa-times"></i>
<i ng-hide="model" class="fa fa-check"></i> or if NO this: <i class="fa fa-times"></i>
1
Вы можете сделать это с помощью ngClass
Попробуйте нравится эта
<i class="fa fa-check" ng-class="{'fa-check' : myModel=='YES' , 'fa-times' : myModel=='NO' }"></i>
Смежные вопросы
- 1. Я хочу отображать выбор даты в angularJs?
- 2. Выбор того, какой звук играть в Pygame
- 3. Выбор того, какой прокси использовать в maven?
- 4. Вычисление того, какой ребенок # элемент
- 5. angular - элемент для отражения того, какой шаблон загружен в представление
- 6. динамически отображать HTML-страницы AngularJS
- 7. Выбор того, какой конструктор использовать с StructureMap
- 8. Основные данные - выбор того, какой xcdatamodel использовать
- 9. какой элемент HTML потерял фокус?
- 10. angularjs ng-repeat определить, какой элемент нажат.
- 11. Какой wasy способ вставить элемент html в существующий шаблон HTML в angularjs?
- 12. Удалить элемент из html AngularJS
- 13. Получить HTML-элемент с AngularJS
- 14. Как определить, какой HTML является «кодом», а какой «отображать/содержать»?
- 15. Выбор того, отображать или не отображать модуль в подслоях компонента Joomla
- 16. Тестирование того, какой элемент имеет фокус, когда его потеряли
- 17. Определение того, какой пользователь вводит элемент, введенный в
- 18. Какой HTML-элемент для хранения скрытых значений
- 19. Динамический выбор того, какой класс загружать в веб-приложении Java
- 20. Скопируйте и добавьте элемент html в angularjs
- 21. angularJS получить текущий элемент в HTML
- 22. Как разместить счетчик в том, какой элемент HTML был нажат.
- 23. AngularJs: снимите флажок после того, как элемент удален
- 24. EXTJS Выбор Dataview не отображать
- 25. CSS выбор дочерний элемент для HTML изменения
- 26. Выбрать/Снять флажок элемент AngularJS
- 27. Определение того, какой элемент был нажат, и условный выбор метода для вызова
- 28. Выбор: после того, как элемент не работает в селекторе Jquery
- 29. HTML - Какой элемент формы вызван submit
- 30. HTML - Какой элемент для вывода текста?
https: // документы. angularjs.org/api/ng/directive/ngClass –