angulaire.js - angulaireJS Comment utiliser la directive .directive pour s'afficher lorsque vous cliquez dessus, puis disparaître lorsque vous cliquez à nouveau.
黄舟
黄舟 2017-05-15 17:00:04
0
2
537

$scope.facePanel = false;

    $scope.showFace = function () {
        $scope.facePanel = !$scope.facePanel;
    }
    这是我在controller里面的代码
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

répondre à tous(2)
洪涛

Comment cliquer sur l'élément pour l'afficher à nouveau s'il est déjà masqué ?
Si vous cliquez sur un bouton pour masquer un autre élément, c'est quand même simple à mettre en œuvre !
html

<button ng-click="showFace()">点击</button>
<p ng-show="facePanel">要显示或隐藏的元素</p>

Pas besoin de fonctions, changez-le juste un peu
<button ng-click="$scope.facePanel=!$scope.facePanel">click</button>

伊谢尔伦

js

angular.directive('aDirective', [function(){
    return {
        restrict: 'E',
        template:'<p a-directive><p ng-show="facePanel">元素</p><button ng-click="showFace()">点击</button></p>',
        replace: true,
        link: function(scope, ele, attr){
            scope.facePanel = false;
            scope.showFace = function () {
                scope.facePanel = !$scope.facePanel;
            } 
        }
    }
}])

html

<a-directive></a-directive>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal