Filtre angulaire pour retourner vrai faux d'api?

Donc, j'essaie d'afficher, un utilisateur est actif ou pas actif. Les données proviennent d'une API sous forme booléenne. Donc, il va simplement dire que l'utilisateur est vrai ou l'utilisateur est faux. Je veux montrer «Actif» si les données retournent vrai, «Non actif» si l'utilisateur renvoie false.Solution que j'ai fait était simple si sinon cela fait le travail, mais c'est fortement réutilisé à travers l'application et je veux faire un filtre angulaire pour faire cette tâche. Je suis un débutant en script angulaire et java et je n'ai pas créé de filtre auparavant.Filtre angulaire pour retourner vrai faux d'api?

c'est mon cas d'autre et le montrer en html ce que je comment je veux utiliser eventuatlly

<label>{{ $ctrl.myValu | truefalse}}</label>

$onInit =() => { 
 
     let self = this; 
 

 
     this.siUser.current().then((userData) => { 
 
      let actingAsTenant = userData.user.apikey; 
 

 
      if (actingAsTenant) { 
 

 
       self.siTenant.current().then((tenant) => { 
 
        self.tenant = tenant; 
 
        
 
        ///starts 
 
        if (self.tenant.active == true) { 
 
         self.tenant.active = 'Active' 
 
        } 
 
        else if (self.tenant.active == false){ 
 
         self.tenant.active = 'Not Active' 
 
        } 
 
        //end 
 
        
 
       }, (err) => { 
 
        self.siAlertDialog.error(err.data.message) 
 
       }) 
 

 
      } 
 
     }, (err) => { 
 
      self.siAlertDialog.error('Error rendering tenant details'); 
 
     }); 
 
    }

<strong>{{$ctrl.tenant.active}}</strong>

Source

2017-06-17 Anu Rajan

Je veux créer un filtre angulaire, de sorte que son réutilisable mon code fonctionne ci-dessus. donc je veux créer un filtre pour vrai ou faux, éventuellement chercher quelque chose comme ça {{$ ctrl.myValu | truefalse}} –

For this you need to create filter. Try to with the given code 

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 

     <title>Ristorante Con Fusion: Menu</title> 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
    </head> 
    <body> 

     <div ng-app="myapp" ng-controller="userController" > 
     {{ myValu | truefalse }} 

     <script> 
    var app = angular.module('myapp', []); 

    app.filter('truefalse', function(){ 
     return function(text){ 
      return text ? "Active" : "Not Active"; 
     } 
     }) 
app.controller('userController', function($scope) { 
     $scope.myValu = true; 
}); 
     </script> 
    </body> 
    </html>

Source

2017-06-17 20:09:51 Arun

je veux créer un filtre angulaire! , mon code fonctionne. –

quelque chose comme ça {{$ ctrl.myValu | truefalse}} –

Pour cela, vous devez créer un filtre. Essayez avec le code mis à jour – Arun

Vous pouvez utiliser ternaires opérateur:

///starts 
     self.tenant.active == true ? 'Active' : 'Not Active'; 
//end

Dans Expression angulaire

<strong>{{ $ctrl.tenant.active ? 'Active' : 'Not Active' }}</strong>

Source

2017-06-17 18:24:18

mon code fonctionne, je veux créer un filtre angualr donc je peux juste le filtre au lieu de coder. quelque chose comme ça {{$ ctrl.myValu | truefalse}} –

Va de même pour le filtre (fonction de filtre): '$ scope.truefalse = function (item) { return item? 'Actif': 'Non actif'; }; ' ** OU ** ' app.filter ('truefalse', function() {fonction de retour (article) { item de retour 'actif': 'Non actif', } }) ; ' –

Filtre angulaire pour retourner vrai faux d'api?

Répondre

Questions connexes