问控制器不运行在安古拉杰
EN

Stack Overflow用户

提问于 2017-03-06 12:13:48

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

我不知道我做错了什么，控制器没有被调用。

index.html：

<!DOCTYPE html>
<html ng-app="myApp" ng-contoller="mainCtrl">
    <head>
        <!--Import Google Icon Font-->
        <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link rel="stylesheet" href="css/bootstrap.css">
        <!--Import materialize.css-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css">
        <link rel="stylesheet" href="css/custom.css">
        <!--Let browser know website is optimized for mobile-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <!--http://materializecss.com/-->

    </head>

    <body>

        HERE: {{test}}

        <nav>
            <div class="nav-wrapper topNavBar">
                <a href="#" class="brand-logo right"><img class="responsive-img circle profile_logo" src="images/img2.jpg"></a>
                <ul id="nav-mobile" class="left">
                    <li class="topLeftNavBtn" data-activates="slide-out"><a><i class="material-icons">reorder</i></a></li>
                    <li><a href="#!/home" class="yellowFont"><img src="images/omitted.png"> &nbsp; | &nbsp; Albums</a></li>
                </ul>
            </div>
        </nav>

        <div ng-view></div>

        <!-- ///////////////////////////////// side collapsible nav /////////////////////////////////////////////// -->
        <ul id="slide-out" class="side-nav">
            <li>
                <div class="left_nav_header">
                    <a href="badges.html" class="yellowFont"><img src="images/omitted.png"> &nbsp; | &nbsp; Albums</a></li>
                </div>
            </li>    
            <li><a class="waves-effect" href="#!"><i class="material-icons leftSlidingMenuItemIcon homeLink">home</i>Home</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons leftSlidingMenuItemIcon linked_cameraLink">linked_camera</i>Albums</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons leftSlidingMenuItemIcon person_addLink">person_add</i>Shared with me</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons leftSlidingMenuItemIcon roomLink">room</i>Centres</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons leftSlidingMenuItemIcon live_helpLink">live_help</i>Help</a></li>
        </ul>
        <!--<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>-->

        <!--Import jQuery before materialize.js-->
        <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>

        <script type="text/javascript">
            $(".topLeftNavBtn").sideNav();
        </script>

        <!-- Bower components -->
        <script src="bower_components/angular/angular.js"></script>       
        <script src="bower_components/angular-route/angular-route.js"></script>
        <script src="bower_components/firebase/firebase.js"></script>
        <script src="bower_components/angularfire/dist/angularfire.js"></script>
        <script src="bower_components/angular-local-storage/dist/angular-local-storage.js"></script>


        <!-- Angular modules -->
        <script src="app.js"></script>
        <script src="modules/home/home.js"></script>
        <script src="modules/login/login.js"></script>
        <script src="modules/albums/albums.js"></script>
    </body>
</html>

下面是app.js文件：

'use strict';

// Declare app level module which depends on views, and components
angular.module('myApp', [
  'ngRoute',
  'firebase',
  'LocalStorageModule',
  'myApp.home',
  'myApp.login',
  'myApp.albums'
])
// Configuring routing
.config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
  $locationProvider.hashPrefix('!');
  $routeProvider.otherwise({redirectTo: '/home'});
}])
// Configuring localstorage
.config(['localStorageServiceProvider', function(localStorageServiceProvider) {
    localStorageServiceProvider
        .setPrefix('tribees')
        .setStorageType('sessionStorage');
}])
// Main Ctrl
.controller('mainCtrl',['$scope','$location','localStorageServiceProvider',
    function($scope,$location,localStorageServiceProvider){

        $scope.test = "REACH"; // THIS IS NOT COMING UP
        console.info("REAACH"); // THIS IS ALSO NOT COMING UP

        if(!localStorageServiceProvider.isSupported) {
            console.warn('LocalStorage is not supported');  
        } else {
            console.info('good to go');
        }

        $scope.showNav = function() {
        console.info("REACH");
            // Only show header if the user is not at login screen
            return !$location.path().endsWith('/login');
        }
}]);

您会注意到，我在那里有一个console.info，还有一个$scope.test，但是没有设置它们，所以没有调用函数。我做错什么了？

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-06 12:32:58

实际上你有打字错误。

变化

 ng-contoller="mainCtrl"

至

 ng-controller="mainCtrl"

票数 3

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

原文链接：

https://stackoverflow.com/questions/42625394

复制

相似问题

问控制器不运行在安古拉杰
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问控制器不运行在安古拉杰EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问控制器不运行在安古拉杰
EN