J'ai un formulaire simple dans lequel je montre un texte simple, le même texte avec une Tick et de cacher le même texte basé sur les conditions ng-if
. Je veux faire une directive mais je ne sais pas comment. J'ai fait des directives simples mais celle-ci me semble compliquée.Comment écrire une directive pour plusieurs condition ng-if?
Voici mon html
<ul class="list-unstyled carsure-listing-detail">
<li ng-if="!button_clicked && !checkboxModel.value1"><input type="checkbox" ng-model="checkboxModel.value1"> Right B Pillar is Non-Accidented</li>
<li ng-if="button_clicked && checkboxModel.value1"><i class="fa fa-check"></i>Right B Pillar is Non-Accidented</li>
<li ng-if="!button_clicked && checkboxModel.value1"><input type="checkbox" ng-model="checkboxModel.value1"> Right B Pillar is Non-Accidented</li>
</ul>
ici est mon contrôleur
var mainControllers = angular.module('mainControllers', []);
mainControllers.controller('StarterController', ['$scope', '$routeParams', function ($scope, $routeParams) {
$scope.checkboxModel = {};
$scope.button_clicked = false;
console.log($scope.button_clicked);
$scope.checksubmit = function() {
$scope.button_clicked = true;
}
}]);
Toute suggestion comment puis-je obtenir cette même fonctionnalité?
Passez une fonction de rappel qui renvoie une valeur booléenne. De cette façon, vous garderez votre vue propre et la rendra générique. – Rajesh
Si les 1ère et 3ème options sont les mêmes, vous pouvez les combiner dans la même ligne: ng-if = "! Button_clicked" – obey
première et troisième options ne sont pas les mêmes vérifier attentivement –