ng-show auf ionische Taste

Question

ich das verbergen thebutton wollen beginnen, bis ich drückt weitere Tasten, um sie erscheinen zu lassen ... Meine Codes sind wie folgt:

Der Button Controller + javascript:

<div ng-controller="PrintTicket"> 
       <button class="button button-dark" id="btn-printTicket" ng-click="isPrinted()">Print Ticket</button><br></div> 


myIonic.controller('PrintTicket',function($scope){ 
var init_state = false; 
$scope.isPrinted = init_state; 
$scope.PrintTicket = function(){ 
$scope.isPrinted = !init_state; 
return $scope.isPrinted; 
} }); 

Die Taste nach Klick angezeigt werden:

<div ng-controller="PrintTicket" ng-show="isPrinted"> 
       <button class="button button-dark" id="ticket1_dark"><b>1234</b></button></div> 

Mögen Sie bitte bitte geben Sie mir einige Ratschläge bitte. Vielen Dank für Ihre Zeit.

Link to Plunker

Answer 1

Für Ticketdruck sollten Sie PrintTicket Funktion statt isPrinted nennen, die isSelected Flag dann eingestellt werden.

ng-click="PrintTicket()" 

Sie sollten nicht ng-controller="PrintTicket" zweimal werden definiert, die wieder Reglerfunktion instanziiert wird. Sie sollten beiden divs innerhalb einzelnen Controller PrintTicket

Plunkr Demo

---

Nach einer Diskussion genannt wickeln haben es scheint, wie Sie ein Datum amongest zwei Controller teilen wollten, so aus diesem Grunde Sie den Austausch von Daten bedienen könnten zwischen zwei Controller. So können Sie Service-Variable in einem Controller festlegen und auf diesen Wert vom Service innerhalb eines anderen Controllers zugreifen.

Answer 2

<div ng-controller="PrintTicket"> 
      <button class="button button-dark" id="btn-printTicket" 
    ng-click="isPrinted()">Print Ticket</button><br></div> 


<div ng-controller="PrintTicket" ng-show="showPrintButton"> 
    <button class="button button-dark" id="ticket1_dark"><b>1234</b></button></div> 





myIonic.controller('PrintTicket',function(`enter code here`$scope){ 
var init_state = false; 

$scope.showPrintButton = false; 
$scope.isPrinted=function(){ //$scope.isPrinted is a function 
$scope.showPrintButton = true; 
} 
});