нг-клик не работает с мд кнопки

Мой HTML и Javascript в следующем, у меня есть следующий элементнг-клик не работает с мд кнопки

<i class="material-icons" ng-click="clicked()" md-48>add_circle</i>

Который работает при нажатии т.е. воспитывая диалога, однако следующее на такая же страница не работает.

HTML

<body ng-cloak> 
    <div ng-cloak ng-controller="mainController" > 
    <div layout="row" layout-align="end end"> 
     <md-button aria-label="Eat cake" ng-click="clicked()"></md-button> 
    </div> 
    </div> 
</body>

угловой

angular.module('notifyMe', ['ngMaterial', 'material.svgAssetsCache']) 

    .controller('mainController', function($scope, $mdDialog) { 
    $scope.clicked = function() { 
     alert('Worked!'); 
    }; 
    })

источник

2017-02-09 Jonathan

Вы не забыли директиву 'ng-app', не так ли? – kefir500

nope :), если он был в '' – Jonathan

Нет Ваш код должен work.Make, что вы загрузили зависимости, как показано ниже,

DEMO

// Code goes here 
 

 
angular.module('webapp', ['ngMaterial']) 
 
    .controller('AppCtrl', function($scope) { 
 
    $scope.clicked = function() { 
 
     alert('Worked!'); 
 
    }; 
 
    });

<!DOCTYPE html> 
 
<html ng-app="webapp"> 
 

 
<head> 
 
    <link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.min.css"> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <!-- Angular Material Dependencies --> 
 
    <script src="//cdn.jsdelivr.net/hammerjs/2.0.4/hammer.min.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-animate.min.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-aria.min.js"></script> 
 
    <!-- Use dev version of Angular Material --> 
 
    <script src="https://rawgit.com/angular/bower-material/master/angular-material.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 
<body ng-controller="AppCtrl"> 
 
    <div layout="column" layout-fill flex style="max-height:100%"> 
 
    <md-toolbar> 
 
     <md-button ng-click=clicked()>Click here</md-button> 
 
    </md-toolbar> 
 
    </div> 
 
</body> 
 
</html>

источник

2017-02-09 17:34:17 Sajeetharan

нг-клик не работает с мд кнопки

ответ

Смежные вопросы