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

Angular Material ng-click在custom指令中不起作用

1 个答案: