0
我試圖顯示左側導航菜單,一旦從標題欄中單擊菜單。 我已經創建了兩個指令,一個用於標題欄,一個用於菜單。但是當我點擊標題欄菜單按鈕時,應該顯示左側的導航菜單。但目前它不工作。如何在點擊角度上顯示不同的指令JS
這是我的嘗試:
(function() {
'use strict';
angular.module('test.header.module', []);
angular.module('test.header.module')
.directive('header',header)
.directive('menu', menu);
function header($compile){
return {
restrict: 'E',
template: '<header> <button ng-click="showMenu()"> Test Header </button> </header>'+
'<menu ng-if="menuS"></menu>',
link: function(scope, element, attr){
scope.showMenu = function(){
scope.menuS = true;
}
}
}
}
header.$inject = ["$compile"];
function menu(){
return{
restrict:'EA',
require: '^header',
template : '<h1 id="test">{{test}}</h1>',
link : function(scope, element, attr){
scope.test = "Test Left Nav";
}
}
}
})();
$編譯沒有必要這麼已將其刪除 –
非常感謝您...... –