Mobile Angular UIUI-拨动开关

📜 Mobile Angular UIUI-拨动开关

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

Mobile Angular UI使用ui-switch指令提供切换开关元素。 ui-switch指令应用于布尔ngModel值时会进行切换。

这是一个拨动开关的工作示例。

Index.html


      Mobile Angular UI Demo
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
   

   
      
      
         
            Tutorials
            
               
                  Home Page 
                  Academic Tutorials 
                  
                  Big Data & Analytics 
                  Computer Programming 
                  <
                  i class="fa fa-caret-right">Computer Science 
                  Databases 
                  DevOps 
               
            
         
      
      
         
            eBooks
            
               
                  PHP 
                  Javascript 
               
            
         
      
      
         
            
               TutorialsPoint
            
            
               
                   Tutorials
               
            
            
               
                   eBooks
               
            
         
         
            
                About us
                Contact us

app.js

/* eslint no-alert: 0 */

'use strict';

//n mobile-angular-ui
//
var app=angular.
// Here is how to define your module
// has dependent omodule('myFirstApp', ['ngRoute',
   'mobile-angular-ui',
   'mobile-angular-ui.gestures',
]);
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!";
});

src / home / home.html


   
      
         Testing Toogle Switch 
         
         {{ enabled }}

浏览器中的显示如下-