📌  相关文章
📜  Mobile Angular UIUI-手风琴

📅  最后修改于: 2020-12-08 05:35:12             🧑  作者: Mango

当内容应该以部分视图的形式出现并且一次可以看到任何一个部分时，通常会使用手风琴。您可以隐藏并打开下一部分以查看其中的内容。

让我们来看一个示例，以查看手风琴在Mobile Angular UI中的工作情况。

index.html


      Mobile Angular UI Demo
      
      
      
      
      
      
      
      
      
      
      
      
      
      
   
   
      
      

         

            
Tutorials

            

               

                  Home Page 
                  Academic Tutorials 
                  Big Data & Analytics 
                  Computer Programming 
                  Computer Science 
                  Databases 
                  DevOps 
               

            

         

      

      

         

            
eBooks

            

               

                  PHP 
                  Javascript 
               

            

         

      

      
      

         

            

               TutorialsPoint
            

            

               

                   Tutorials
               

            

            

               

                   eBooks
               

            

         

         

            

                About us
                Contact us

src / js / app.js

/* eslint no-alert: 0 */

'use strict';

//
// Here is how to define your module
// has dependent on mobile-angular-ui
//
var app=angular.module('myFirstApp', [
   'ngRoute',
   'mobile-angular-ui'
]);
app.config(function($routeProvider, $locationProvider) {
   $routeProvider
   .when("/", {
      templateUrl : "src/home/home.html"
   });
   $locationProvider.html5Mode({enabled:true, requireBase:false});
});

app.controller('MainController', function($rootScope, $scope, $routeParams) {
   $scope.msg="Welcome to Tutorialspoint!"
   $scope.sections="Testing of Accordion using 
   Mobile Angular UI!Testing of Accordion using 
   Mobile Angular UI!Testing of Accordion using 
   Mobile Angular UI!";
});

手风琴模板被添加到src / home / home.html中。


   

      

      

         
         

         


            

               Accordion Group Item #{{i}}
            

         

         
         

            

               {{sections}}

以下是浏览器中的显示-

手风琴