[英]How to apply ng-if in angular js
我正在從表單中的服務中檢索數據。
[["Sql Injection",0],["Proxy Abuse",0],["Spam",0],["Information and Source Code Leakage",0],["System Command Injection",0],["Cross-Site Request Forgery",0],["Session Hijacking",0],["PHP Injection",0],["Request Anomaly",0],["Local/Remote File Inclusion",0],["Cross-Site Scripting",0]].
現在我希望如果每種攻擊類型的計數為零,則不顯示任何內容。 我如何通過ng-if來處理這個問題。 模板代碼:
<div class="col-md-6 b-r b-light no-border-xs" ng-show="webSummary[0]">
<highchart id="chart1" config="webConfig" class="span9" ></highchart>
</div>
你可以做:
angular .module('MyApp', []) .controller('MyController', function($scope) { $scope.webSummary = [["Sql Injection",0],["Proxy Abuse",0],["Spam",0],["Information and Source Code Leakage",0],["System Command Injection",0],["Cross-Site Request Forgery",0],["Session Hijacking",0],["PHP Injection",0],["Request Anomaly",0],["Local/Remote File Inclusion",0],["Cross-Site Scripting",0]]; });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="MyApp" ng-controller="MyController"> <div class="col-md-6 br b-light no-border-xs" ng-repeat="ws in webSummary" ng-if="ws[1]"> <highchart id="chart1" config="webConfig" class="span9"></highchart> </div> </div>
你可以做
<div class="col-md-6 b-r b-light no-border-xs" ng-if="checkAttackCount()">
<highchart id="chart1" config="webConfig" class="span9" ></highchart>
</div>
在控制器中
function checkAttackCount(){
for(var i=0;i<webSummary.length;i++){
if(webSummary[i][1]>0){
return true;
}
}
return false;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.