文章/答案/技术大牛

发布

社区首页 >问答首页 >使用ngMaterial时无法路由到控制器

问使用ngMaterial时无法路由到控制器
EN

Stack Overflow用户

提问于 2017-04-02 15:45:33

回答 1查看 89关注 0票数 0

我知道这个错误：

Error: [$injector:unpr] Unknown provider: $stateProvider <- $state <- HomeController <- HomeController.

用我的密码。也就是说，我的依赖项可能没有被正确定义或拼写。但我相信这是另一回事，我不明白！？有人能帮帮我吗。我在努力学习角质材料。我以前做过这样的路由，如果我不使用材料的话，它就会起作用。那么为什么物质会把事情搞砸呢？

这就是我到目前为止所做的：

index.html:

<!DOCTYPE html>
<html lang="en" ng-app=ubeachPage>

<head>
  <title>UBeach</title>
  <link rel="stylesheet" href="node_modules/angular-material/angular-material.css">
  <script src="node_modules/angular/angular.js" charset="utf-8"></script>
  <script src="node_modules/angular-route/angular-route.js"></script>
  <link rel="stylesheet" type="text/css" href="content/css/styles.css">

  <script src="node_modules/angular-material/angular-material.js"></script>
  <script src="node_modules/angular-aria/angular-aria.js"></script>
  <script src="node_modules/angular-animate/angular-animate.js"></script>
  <script src="client.js"></script>
</head>

<body>
  <script src="controllers\RegisterController.js"></script>
  <script src="controllers\HomeController.js"></script>
  <header ng-include="'header.html'"></header>
  <main ng-view></main>
</body>

</html>

client.js:

var ubeachPage = angular.module('ubeachPage', ['ngMaterial', 'ngRoute', 'ngAria']);

ubeachPage.config(['$routeProvider', '$mdThemingProvider', function($routeProvider, $mdThemingProvider) {

$mdThemingProvider.theme('altTheme')
    .primaryPalette('green')

$mdThemingProvider.theme('default')
    .primaryPalette('purple', {
        'default': '500',
        'hue-1': '100',
        'hue-2': '600',
        'hue-3': 'A100'
    })
    .accentPalette('green', {
        'default': '200'
    })
    .dark();

$routeProvider
    .when('/home', {
        templateUrl: 'views/home.html',
        controller: 'HomeController'
    })
    .when('/register', {
        templateUrl: 'views/register.html',
        controller: 'RegisterController'
    })
    .when('/result', {
        templateUrl: 'views/result.html'
        //      controller: 'ResultController'
    })
    .otherwise({
        redirectTo: '/home'
    });
}]);

我使用header.html文件作为工具栏的页面按钮。

header.html:

<md-toolbar class="md-hue-2">
  <div class="md-toolbar-tools">
    <md-button class="md-icon-button" aria-label="Settings" ng-disabled="false">
        <md-icon md-svg-icon="img/icons/menu.svg"></md-icon>
    </md-button>

    <h2 flex md-truncate>UBeach</h2>

    <md-nav-bar md-selected-nav-item="currentNavItem">
        <md-nav-item md-nav-href="#!/home" name="page1">Home</md-nav-item>
        <md-nav-item md-nav-href="#!/register" name="page3">Register</md-nav-item>
        <md-nav-item md-nav-href="#!/result" name="page2">Scoreboard</md-nav-item>
    </md-nav-bar>

    <md-button class="md-icon-button" aria-label="Favorite">
        <md-icon md-svg-icon="img/icons/favorite.svg" style="color: greenyellow;"></md-icon>
    </md-button>

    <md-button class="md-icon-button" aria-label="More">
        <md-icon md-svg-icon="img/icons/more_vert.svg"></md-icon>
    </md-button>
  </div>
</md-toolbar>

HomeController:

angular.module('ubeachPage').controller('HomeController', [
  '$scope',

  function($scope) {


  }
]);

angularjs

controller

routing

angular-material

回答 1

Stack Overflow用户

发布于 2017-04-06 07:24:31

我的几乎一样，但对我来说很好，唯一的区别是你用的是"!“在你的href里，剩下的对我来说很好.

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43170264

复制

相似问题

问使用ngMaterial时无法路由到控制器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用ngMaterial时无法路由到控制器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用ngMaterial时无法路由到控制器
EN