<body ng-app="app" ng-controller="wmxController">
<!--本質(zhì)是把css樣式設(shè)置為none-->
<!--顯示-->
<p ng-show="true"> {{name1}} </p>
<hr>
<!--不顯示-->
<p ng-hide="true"> {{name2}} </p>
<hr>
<!--控制該標(biāo)簽是否存在-->
<!--顯示-->
<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使用
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 最近項(xiàng)目中有一個(gè)頁面一直報(bào)錯(cuò)，但是又可以正常使用，和其他頁面對比后發(fā)現(xiàn)將ng-show改為ng-if之后報(bào)錯(cuò)提示就...
- 背景： 運(yùn)營系統(tǒng)很多日報(bào)月報(bào)，很多列表，列表有分頁，項(xiàng)目對請求列表和分頁做了封裝。有一個(gè)具體的需求是，一個(gè)列表，打...
- 變量 注意你的less樣式文件一定要在引入less.js前先引入。 備注：請?jiān)诜?wù)器環(huán)境下使用！本地直接打開可能會(huì)...
