javascript modal - worden geactiveerd, wordt de inhoud van de ruit die op de Top van de conventionele inhoud.- de POP - up krachtiger.- dekt het hele beeld, bij verstek, maar het kan de optimale manier, wil je er één of twee, het gebruik van mode, dat model in de Unie.Een daarvan is de verhoging van het interne model en de andere is en vaak: //europa.eu.int /comm /documenten, die het etiket, het script.Ten eerste, wat we moeten doen, is ons model is dat de verantwoordelijke voor de verwerking door de hoek de afhankelijkheid van de injectie.Dan moeten we een patroon.We zullen in het kader van de toevoeging van animatie en door naar ons model, bij het opstellen van de functie, open, dicht, schade - en de laatste twee functies is de plek waar we code kunnen schrijven, zal de trekker als vormen van verborgen of geschrapt.Als je wil niet alle functies, de wijze verwijderd of verborgen kan je het verwijderen van de laatste twee functies, de voor de verwerking verantwoordelijke voor de verwerking van de code.,, ('mycontroller "functies (dollar bereik, ionicmodal dollar) {% ionicmodal. Fromtemplateurl ('my-modal. Html" {: toepassingsgebied, animatie: dia 's in "}) en (functie. -) {% scope.modal = -;}); $scope.openmodal = functie () {%. Mode. Show ();}; scope.closemodal dollar = functie () {%. - (). Aan de;}; ///////- Als we klaar zijn met het verwijderen.$scope.$on ('$destroy', functie) ($scope.modal.remove ();}); ///////$scope.$on voeren actie op aan de modale ('modal.hidden', functie) (//////////////voeren actie}); uitvoeren van actie op remove modal $scope.$on (functie) (///////'modal.removed', voeren actie});})http: //europa.eu.int /;,,, het script id = < "my-modal.html" type = "text/ng-template" > < ion-modal-view> < ion-header-bar> < h = > een "titel" modal Title< /h1> < /ion-header-bar> < ion-content> < knop klasse = "knop icoon icon-left ion-ios-close-outline" ng-click = "closeModal (") > het Modal< /button> < /ion-content> < /ion-m;- oog > < /scripts > en, zoals we dat in het laatste voorbeeld is het script, etikettering, als een container die een aantal van onze bestaande: //europa.eu.int /comm /documenten vormen.Ten tweede is het scheppen van nieuwe modellen van documenten, het model, de map.We gebruiken dezelfde code in onze laatste voorbeeld, maar we zullen het schrappen van het script, etikettering, we moeten veranderen, fromtemplateurl, controle in verband met de wijze van nieuwe gecreëerd model code, controleur,,, ('mycontroller, de voor de verwerking verantwoordelijke functies (dollar bereik, ionicmodal dollar) {fromtemplateurl (ionicmodal dollar'templates /vormen. Model.: //europa.eu.int /comm /{: toepassingsgebied, animatie: dia 's,}) ((-). En dan de functie van {% scope.modal = -;}); $scope.openmodal = (() {% van wei. -. (); de show}; scope.closemodal dollar = functie () {%. Wijze. De huid ();}; ///////- als we klaar zijn met het opruimen.$scope.$on ('$destroy', functie) ($scope.modal.remove ();}); ///////$scope.$on voeren actie op aan de modale ('modal.hidden', functie) (//////////////voeren actie}); uitvoeren van actie op remove modal $scope.$on (functie) (///////'modal.removed', voeren actie});})http: //europa.eu.int /;,,, < ion-modal-view> < ion-header-bar> < h = > een "titel" modal Title< /h1> < /ion-header-bar> < ion-content> < knop klasse = "knop icoon icon-left ion-ios-close-outline" ng-click = "closeModal ()" > het Modal< /button> < /ion-content> < /ion-modal-view>,, de derde weg van het gebruik; is van inserting http: //europa.eu.int inline. Ionische modaleWe zullen gebruiken, fromTemplate, in plaats van fromTemplateUrl,,.,,.,.Controller (code,'MyController', functie ($scope, $ionicModal) {$scope.modal = $ionicModal.fromTemplate ('< ion-modal-view> "en" < ion-header-bar> "+'< h =" titel "> modal Title< /h1> +'<";; /ion-header-bar> "+'< ion-content> +'< knop =" knop icoon icon-left ng-click= "closeModal ion-ios-close-outline" () "> het Modal< /button>" +'< /ion-content> "+'< /ion-modal-view>" {scope: $scope, animation:'slide-in-up'}) $scope.openModal = functie) ($scope.modal.show ();); $scope.closeModal = ((){%. Mode. Verbergen ();}; ///////- als we klaar zijn met het opruimen.USD US - dollar (USD. Vernietiging, functie () {%. Mode. Remove ();}); ///////verborgen vormen van maatregelen voor de tenuitvoerlegging van de USD. ('modal. Verborgen ", functie) (//////////////uitvoering}); de uitvoering van acties om de modal - dollar ('modal bereik. Het schrappen van de functie () {}) de uitvoering van de acties; ///////});,, alle voorbeelden van bomen kunnen hetzelfde effect hebben.We zullen een knop om te komen tot $, ionicmodal. Show (), open de mode: //europa.eu.int /comm /.,,,, < categorie knopen = "knop" klik "openmodal () ng =" > < /knop >,, als we open model, het bevat de knop, voor het gesloten.We op deze knop: //europa.eu.int /comm /model creëren,,,, en vormen een optimale selectie.We hebben laten zien hoe het gebruik van, de reikwijdte en de animatie.De volgende tabel geeft de andere optie vormen, in het bijzonder focusfirstinput autofocus vormen in de eerste plaats booleaanse zal invoeren.Backdropclicktoclose booleaanse vormen zal sluiten, tegen de achtergrond van de TAP.De standaard is echt.Hardwarebackbuttonclose booleaanse zal sluiten als de hardware - en terug te keren naar de knop klikt.De standaard is echt.,