<body ng-app="app" ng-controller="wmxController">
<!--本质是把css样式设置为none-->
<!--显示-->
<p ng-show="true"> {{name1}} </p>
<hr>
<!--不显示-->
<p ng-hide="true"> {{name2}} </p>
<hr>
<!--控制该标签是否存在-->
<!--显示-->
<p ng-if="true"> {{name2}} </p>
<hr>
<script src='angular.js'></script>
<script>
var app = angular.module('app',[]);
app.controller('wmxController',['$scope',function ($scope) {
$scope.name1 = "大家好。我是小草莓1";
$scope.name2 = "大家好。我是小草莓2";
}])
</script>
</body>3. AngularJS中的指令 ng-show ng-hide ng-if使用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 最近项目中有一个页面一直报错，但是又可以正常使用，和其他页面对比后发现将ng-show改为ng-if之后报错提示就...
- 背景： 运营系统很多日报月报，很多列表，列表有分页，项目对请求列表和分页做了封装。有一个具体的需求是，一个列表，打...
