Angular Material 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() 但单击按钮时不会调用该函数

我的控制器的一个 sn-p

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 中创建控制器。