📌  相关文章
📜  移动Angular UI-选项卡

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

选项卡是角度移动用户界面中可用的有用组件。选项卡可在同一包装中使用，并在单独的窗格中显示内容，就像在浏览器中如何打开选项卡一样。一次仅向用户显示一个选项卡。

这是Tabs组件的工作示例。

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.js="JavaScript is a lightweight, interpreted programming language. It is designed 
   for creating network-centric applications. It is 
   complimentary to and integrated with Java. 
   JavaScript is very easy to implement because it is integrated with HTML. It is open and 
   cross-platform.";
   $scope.angularjs="AngularJS is a very powerful 
   JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM 
   with additional attributes and makes it more responsive to user actions. AngularJS is open 
   source, completely free, and used by thousands of 
   developers around the world. It is licensed under the Apache license version 2.0.";
   $scope.reactjs="React is a front-end library 
   developed by Facebook. It is used for handling 
   the view layer for web and mobile apps. ReactJS allows us to create reusable UI components. It is 
   currently one of the most popular JavaScript 
   libraries and has a strong foundation and large community behind it.";
});

src / home / home.html


   

      

         

         

         

            
Javascript

            
{{js}}

         


         

            
AngularJS

            
{{angularjs}}

         


         

            
ReactJS

            
{{reactjs}}

         

            

            Javascript
            AngularJS
            ReactJS

以下是浏览器中的显示-

标签