En affichant ou en masquant des éléments de base sur les variables contrôleur - Ionique

Pour tous je sais que ce serait peut-être plus un AngularJS question qu'un Ioniques spécifiques. J'ai un bouton dans l'un de mes points de vue:

<button class="button button-clear button-block button-positive" ui-sref="register">
    Register
 </button>

Et dans mon contrôleur, j'ai cette variable que je reçois de locaux de stockage qui est vrai ou faux et doit être caché, selon que la valeur est:

app.controller('loginController', ['$scope', '$localstorage',
  function($scope, $localstorage) {

  //Check if the user has already requested a register, and if true, hide
  //the 'Register' button
  if ($localstorage.get("registrationRequested", false) === true) {
    //How do I do this?
  }

}]);

Maintenant, la première question est, est-il même une meilleure pratique pour manipuler le dom comme ça à partir de mon contrôleur? Et si non, où et comment dois-je faire? Si son " très bien le faire dans mon contrôleur, alors comment dois-je faire référence au bouton et de le cacher?

OriginalL'auteur Tiwaz89 | 2015-08-13

  1. 9

    Ajouter un ng-hide directive de votre bouton de la balise:

    <button ng-hide=registered class="button button-clear button-block button-positive" ui-sref="register">
    Register
</button>

    Dans votre fichier JS, déclarer cette valeur dans votre $scope à false et mis à true pour masquer le bouton:

    app.controller('loginController', ['$scope', '$localstorage',
    function($scope, $localstorage) {
        $scope.registered = false;

        //Check if the user has already requested a register, and if true, hide
        //the 'Register' button
        if ($localstorage.get("registrationRequested", false) === true) {
            $scope.registered = true;
        }
    }
]);
    Whoa! Merci! Comme une petite question, est-il sûr de dire que toutes les directives et les fonctionnalités qui sont disponibles dans Angulaire est également disponible dans Ionique? Je suis un peu nouveau pour ce que je suis sûr que vous pouvez dire..
    Oui, c'est sûr de dire.

    OriginalL'auteur Erazihel

  2. 3

    faire comme suit :

    <button class="button button-clear button-block button-positive" ui-sref="register" ng-show='showBtn'>
Register

    dans le contrôleur :

    app.controller('loginController', ['$scope', '$localstorage',
  function($scope, $localstorage) {
  if ($localstorage.get("registrationRequested", false) === true) {
     $scope.showBtn = true;
  }
  else{
     $scope.showBtn = false;
  }
}]);

    OriginalL'auteur Juned Lanja

  3. 0

    Vous devez utiliser data-ng-hide pour masquer ou afficher. Après la mise à true ou false vous devez appliquer les paramètres de portée comme ceci :
    $scope.$apply();

    OriginalL'auteur Ahmad Ayyaz

  4. -1

    vous pouvez utiliser ng-si aussi de montrer le bouton:

    <button class="button button-bar button-positive" ng-if="resgisterBtn" ui-sref="register">Register</button>

    dans le contrôleur: 

     app.controller('loginController', ['$scope', '$localstorage',
      function($scope, $localstorage) {
    if ($localstorage.get("registrationRequested", false) === true) {
         $scope.resgisterBtn = true;
      }
      else{
         $scope.resgisterBtn = false;
      }
    }]);

    La différence entre ng-show & ng-si ng-show de conserver l'élément vivant dans les DOM mais ng-si va faire face

    OriginalL'auteur Anil kumar