AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch

最新推荐文章于 2023-07-17 14:37:45 发布

转载最新推荐文章于 2023-07-17 14:37:45 发布 · 1.6w 阅读

文章标签：

#angularjs #js

js jquery 专栏收录该内容

65 篇文章

订阅专栏

本文介绍如何在AngularJS中使用ng-switch指令来根据不同的条件显示不同的HTML内容。通过设置$scope.ShowMode变量并结合ng-switch指令，可以实现动态切换显示的视图。

angularJS 在模板里判断属性后显示相应html怎么写?

{

<!doctype html>
<html ng-app>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
    <script type="text/javascript">
        var DemoCtrl = function($scope){           
            $scope.ShowMode = "list";
 
            $scope.ChangeShow = function(ShowMode){
                $scope.ShowMode = ShowMode;
            }
        };
    </script>
</head>
<body ng-controller="DemoCtrl" ng-switch="ShowMode">

以上是摘要
博客已搬家地址：AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch