角材料ng-click在自定義指令中不起作用

Question

我正在嘗試使用指令為我的HTML頁面創建標題頁，因為標題將出現在多個頁面上。 我創建了一個名為“ header”的指令，該指令僅加載header.html

這是使用指令的html

這是指令

   app.directive('header', function() {
    return {
        controller: headerController,
        templateUrl: 'header.html'
    };
});

header.html

<link rel="stylesheet" href="css/header.css">
<script src="scripts/signIn/signIn.js"></script>
<script src="scripts/signIn/signInController.js"></script>

<md-button class="md-button" id="accountCreation" ng-click="showLogInPage()">Create Account/Login</md-button>

我的header.html文件具有一個應打開對話框的按鈕，但它不起作用。 我之前使用javascript創建了標頭，但效果很好。 在控制器中將showLoginPage定義為$ scope.showLoginPage（），但在單擊按鈕時未調用該函數

我的控制器的一小段

app.controller('headerController' , function($scope, $mdDialog, $mdMedia,userService) {

$scope.status = '  ';
$scope.userService = userService;
var useFullScreen = ($mdMedia('sm') || $mdMedia('xs'))  && $scope.customFullscreen;
$scope.showLoginPage = function() {
...
}
});

Answer 1

謝謝。 我能夠弄清楚這個問題。 添加引號是一回事。 我還必須在header.html中創建控制器。