AngularJS之ng-if指令

最新推荐文章于 2021-06-11 15:51:18 发布

梦想能成真吗

最新推荐文章于 2021-06-11 15:51:18 发布

阅读量756

点赞数

本文链接：https://blog.csdn.net/qq_43678480/article/details/87866528

版权

1、问题背景

AngularJS利用ng-if指令来判断对象元素是否为空

2、实现源码

<!DOCTYPE html><html ng-app="ifApp"> <head>  <meta charset="UTF-8">  <title>AngularJS之ng-if指令</title>  <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>  <script>   var app = angular.module("ifApp",[]);   app.controller("ifController",function($scope){    $scope.person = {     name:{      username:"张三",      sex:"男",      age:"23"     },     scores:{      item:"语文",score:"123"     }    };   });  </script> </head> <body ng-controller="ifController">  <div ng-if="person != null">   <div ng-repeat="p in person">    <div ng-if="person.name != null">     <label>{{p.username}}</label>    </div>   </div>  </div> </body></html>