нг-шоу на ионном кнопку

Question

Я хочу, чтобы скрыть thebutton на начать, пока я не прессах еще кнопки, чтобы сделать их ... Мои коды, как следует:

Кнопка 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; 
} }); 

кнопка для отображения после щелчка:

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

Может вы, пожалуйста, пожалуйста, дайте мне несколько советов, пожалуйста. Спасибо за ваше время.

Link to Plunker

Answer 1

Для печати билета вы должны вызвать функцию PrintTicket вместо isPrinted который будет установлен флаг isSelected.

ng-click="PrintTicket()" 

Вы не должны быть определяющим ng-controller="PrintTicket" дважды, которая будет экземпляр функции контроллера снова. Вы должны иметь обе дивы обернуть внутри одного контроллера называется PrintTicket

Plunkr Demo

---

После обсуждения, кажется, как вы хотели бы поделиться данными amongest два контроллера, поэтому по этой причине вы могли бы обслуживать для обмена данными между два контроллера. Таким образом, вы можете установить служебную переменную в одном контроллере и получить доступ к этому значению из службы внутри другого контроллера.

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; 
} 
});