带有

Question

我正在使用AngularJS 1.6.9和AngularJS Material。我想要做的是添加一个菜单项basic usage。问题是它没有用，因为我的结构不同。

材料文档说（我之前从未见过）：

angular
  .module('menuDemoBasic', ['ngMaterial'])
  .config(function($mdIconProvider) {
    $mdIconProvider
      .iconSet("call", 'img/icons/sets/communication-icons.svg', 24)
      .iconSet("social", 'img/icons/sets/social-icons.svg', 24);
  })
  .controller('BasicDemoCtrl', function DemoCtrl($mdDialog) {

  ...

HTML：

<div class="md-menu-demo" ng-controller="BasicDemoCtrl as ctrl" ng-cloak>
...

我的控制器名称是MainController，我不想改变语法。

我的js语法是：

app.controller("MainController", ["$scope","$http","$rootScope", function($scope,$http,$rootScope){
...

如何更改代码，以便不更改控制器的结构并播放？

Answer 1

包含$ mdDialog，如

app.controller("MainController", ["$scope","$http","$rootScope", "$mdDialog", function($scope,$http,$rootScope, $mdDialog){
...  // order should be same.

和HTML

<div class="md-menu-demo" ng-controller="MainController" ng-cloak>
...