大佬教程收集整理的这篇文章主要介绍了AngularJS ng-if具有多个条件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
div ng-repeat="(k,v) in items" <div ng-if="k == 'a' or k == 'b'"> <!-- SOME CONTENT --> </div>
知道项目是通过请求接收的JSON容器,所以这就是为什么我使用一个键值方法。
谢谢
HTML
<div ng-controller="fessCntrl"> <label ng-repeat="(key,val) in list"> <input type="radio" name="localityTypeRadio" ng-model="$parent.localityTypeRadio" ng-value="key" />{{key}} <div ng-if="key == 'City' || key == 'county'"> <pre>City or county !!! {{$parent.localityTypeRadio}}</pre> </div> <div ng-if="key == 'Town'"> <pre>Town!!! {{$parent.localityTypeRadio}}</pre> </div> </label> </div>
JS
var fessmodule = angular.module('mymodule',[]); fessmodule.controller('fessCntrl',function ($scope) { $scope.list = { City: [{name: "cityA"},{name: "cityB"}],county: [{ name: "countyA"},{name: "countyB"}],Town: [{ name: "townA"},{name: "townB"}] }; $scope.localityTypeRadio = 'City'; }); fessmodule.$inject = ['$scope'];
演示Fiddle
以上是大佬教程为你收集整理的AngularJS ng-if具有多个条件全部内容,希望文章能够帮你解决AngularJS ng-if具有多个条件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。