0
ich das Problem mit Winkelmaterial Dialog.This konfrontiert wurden, ist mein Code in Controller MenuCtrl
app.controller('MenuCtrl', ['$scope', '$mdSidenav', '$mdDialog', '$sce', '$state', 'base_url', 'RestaurantFactory', 'MenuManager', 'GetSelectedMenu', function($scope, $mdSidenav, $mdDialog, $sce, $state, base_url, RestaurantFactory, MenuManager, GetSele`enter code here`ctedMenu) {
$scope.getCustomizeMenu = function(event, menuItem) {
MenuManager.getSelectedMenu(menuItem.id).then(function(menuItems) {
console.log(menuItems);
$mdDialog.show({
locals: {
MenuItem: menuItem
},
templateUrl: 'templates/customize.html',
controller: 'CustomizeMenuCtrl',
parent: angular.element(document.body),
targetEvent: event,
clickOutsideToClose: true,
fullscreen: $scope.customFullscreen // Only for -xs, -sm breakpoints.
}).then(function(answer) {
console.log(answer);
$scope.status = 'You said the information was "' + answer + '".';
}, function() {
$scope.status = 'You cancelled the dialog.';
});
}, function(err) {
console.log(err);
alert("Issue reported successfully.");
// $state.go('home');
});
};
}]);
Und das ist mein CustomizeMenuCtrl
app.controller('CustomizeMenuCtrl', ['$scope', '$mdDialog', '$state', '$sce', 'base_url','MenuItem', function($scope, $mdDialog, $state,$sce, base_url, MenuItem) {
console.log(MenuItem);
$scope.hide = function() {
$mdDialog.hide();
};
$scope.cancel = function() {
$mdDialog.cancel();
};
$scope.answer = function(answer) {
$mdDialog.hide(answer);
};
}]);
Ich habe meine lokalen Werte bekommen aber $ mdDialog funktioniert nicht und ich bekomme unbekannte Provider Fehler.
Das ist mein Modul Erklärung
var app= angular.module('RestoWebApp', ['ngMaterial', 'ngMdIcons', 'ui.router', 'uiRouterStyles']);
und hier index.html
<!DOCTYPE html>
<html lang="en" ng-app="RestoWebApp">
<head>
<meta charset="UTF-8">
<base href="/">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/angular-material/angular-material.min.css">
<!-- Angular Material Dependencies -->
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular/angular-animate.min.js"></script>
<script src="lib/angular/angular-aria.min.js"></script>
<script src="lib/angular-material/angular-material.min.js"></script>
<script src="lib/angular-material/angular-material-icons.min.js"></script>
<script src="lib/angular/angular-ui-router.min.js"></script>
<script src="lib/angular-ui-router-styles/ui-router-styles.js"></script>
<script src="js/app.js"></script>
<script src="js/Services/CommonServices.js"></script>
<script src="js/Services/CartServices.js"></script>
<script src="js/Services/MenuServices.js"></script>
<script src="js/Services/NotificationsServices.js"></script>
<script src="js/Services/OrderServices.js"></script>
<script src="js/Directives/CommonDirectives.js"></script>
<script src="js/Controllers/CartCtrl.js"></script>
<script src="js/Controllers/MenuCtrl.js"></script>
<script src="js/Controllers/NotificationsCtrl.js"></script>
<script src="js/Controllers/OrdersCtrl.js"></script>
<script src="js/Controllers/ProfileCtrl.js"></script>
<script src="js/Controllers/SidebarCtrl.js"></script>
<script src="js/Controllers/CustomizeMenuCtrl.js"></script> </head>
<body>
<div ng-controller="launchCtrl" layout="column" ui-router-styles>
<div ui-view flex> </div>
</div></body></html>
haben Sie die JS-Datei in Haupt-Layout aufrufen Seite? –
ja, ich habe die js-Datei in meine index.html –
aufgenommen hast du ''$ mdDialog'' in das Hauptmodul injiziert. wie 'angular.module (" App ", [" $ mdDialog "," "...]'? –