Angular Material ng-click在自定義指令中不起作用

我正嘗試使用指令爲我的html頁面創建標題頁，因爲標題將出現在多個頁面上。我創建了一個名爲 '頭' 指令，它只是加載了header.htmlAngular Material ng-click在自定義指令中不起作用

這是一個使用指令

這是指令

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>

的HTML

我的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() { 
... 
} 
});

來源

2016-01-06 Ian Shinbrot

無法使用角度模板加載腳本，將它們包含在主頁面中 – charlietfl

檢查capitilization-ng-click =「showLogInPage（）」vs'$ scope.showLoginPage = function（）{' – georgeawg

can you嘗試移動你的控制器功能到你的指令定義，而不是單獨的文件？我認爲你的控制器在你的指令初始化時沒有註冊到你的模塊中。 – PrinceG

感謝的按鈕

一個片段叫。我能夠解決這個問題。添加引號是一回事。我也必須在header.html中創建控制器。

來源

2016-01-06 19:58:12

Angular Material ng-click在自定義指令中不起作用

回答

相關問題