繁体   English   中英

选择在AngularJS中显示哪个html元素

[英]The choice of which html element to show in AngularJS

如何在AngularJS中选择显示哪个html元素? 我正在从数据库中获取某个元素的值,如果是,则要显示此内容: <i class="fa fa-check"></i>或如果否,则显示: <i class="fa fa-times"></i>

您可以使用ngClass做到这一点

这样尝试

<i class="fa fa-check" ng-class="{'fa-check' : myModel=='YES' , 'fa-times' : myModel=='NO' }"></i>

 <!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> 

将数据库值设置为任何属性的作用域。 例如: model并使用ng-showng-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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM