javascript - The angularjs dialog doesn't seem to work for me -
i have been trying implement angularjs dialog in app , copy demos provided in material.angularjs.org don't seem able make work. see missing ?
this javascript code:
// table controlls go here app.controller('addtablecontroller',['$scope', function($scope,$mddialog){ $scope.alltables = tables; //method add tables $scope.showadvanced= function(ev) { $mddialog.show({ controller:dialogcontroller, templateurl:'index_directives/dialog-add-table.html', }) }; }]); //helper method addtablecontroller////////////////////////////// function dialogcontroller($scope, $mddialog) { $scope.hide = function() { $mddialog.hide(); }; $scope.cancel = function() { $mddialog.cancel(); }; $scope.answer = function(answer) { $mddialog.hide(answer); }; } then function called on button click :
<md-button class="md-fab add-button" ng-click="showalert($event)">+</md-button> from error log in console this:
typeerror: cannot read property 'show' of undefined @ n.app.controller.$scope.showalert (http://localhost/angular/js/app.js:24:16) @ ib.functioncall (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:199:303) @ ec.(anonymous function).compile.d.on.f (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:216:74) @ n.$get.n.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:126:15) @ n.$get.n.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js:126:241)
you forgot define $mddialog dependency:
app.controller('addtablecontroller',['$scope', '$mddialog', function($scope,$mddialog){ since it's common forgetting define dependency injection, may interested on this suggestion of @michael benford regarding ng-annotate.
Comments
Post a Comment