LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

  
    
     
    
    Ionic Modal

    
    
  
  
    
    
      

Contacts

{{contact.name}}
CSS
body {
  cursor: url('https://ionicframework.com/img/finger.png'), auto;
}
JS
angular.module('ionicApp', ['ionic'])

.controller('AppCtrl', function($scope, $ionicModal) {
  
  $scope.contacts = [
    { name: 'Gordon Freeman' },
    { name: 'Barney Calhoun' },
    { name: 'Lamarr the Headcrab' },
  ];

  $ionicModal.fromTemplateUrl('templates/modal.html', {
    scope: $scope
  }).then(function(modal) {
    $scope.modal = modal;
  });
  
  $scope.createContact = function(u) {        
    $scope.contacts.push({ name: u.firstName + ' ' + u.lastName });
    $scope.modal.hide();
  };

});

Description

Demo of an Ionc slide up modal.
Term
Mon, 11/27/2017 - 21:22

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv