AngularJS之ng if指令

最新推荐文章于 2023-12-20 22:34:48 发布

采精小蝴蝶

最新推荐文章于 2023-12-20 22:34:48 发布

阅读量421

点赞数

本文链接：https://blog.csdn.net/jrrfgj/article/details/83821553

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

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>