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

问题描述

$scope.facePanel = false;

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

问题解答

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

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

不用函数了，稍微改下就行<button ng-click='$scope.facePanel=!$scope.facePanel'>点击</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>