angular.js - angularJS 点击显示，然后再点击消失怎么用.directive 指令做。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angularJS 点击显示，然后再点击消失怎么用.directive 指令做。

黄舟 2017-05-15 17:00:04

[AngularJS讨论组]

695

$scope.facePanel = false;

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

黄舟

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

全部回复(2)

PHP中文网2017-05-15 17:02:04 2楼

都隐藏了你还怎么点击元素再让显示？
如果是点击一个button让另一个元素隐藏的话还是很好实现的！
html

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

不用函数了，稍微改下就行
<button ng-click="$scope.facePanel=!$scope.facePanel">点击</button>

赞 +0

添加回复

伊谢尔伦2017-05-15 17:02:04 1楼

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