$scope.facePanel = false;
$scope.showFace = function () {
$scope.facePanel = !$scope.facePanel;
}
這是我在controller里面的代碼
人生最曼妙的風景,竟是內心的淡定與從容!
How can you click on the element to display it again if it is already hidden?
If you click a button to hide another element, it is still easy to implement!
html
<button ng-click="showFace()">點擊</button>
<p ng-show="facePanel">要顯示或隱藏的元素</p>
No need for functions, just change it a little
<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>