AngularJS變量不會持續查看

在這裏有一個奇怪的錯誤，我可以成功切換到其他視圖，但我的問題是即使是一個簡單的變量也無法「觸及」視圖。有沒有人看到我的（可能是愚蠢的）錯誤？AngularJS變量不會持續查看

的index.html

<html ng-app="myApp"> 
<head> 
    <title>AngularJS oefening</title> 
    <link href="css/bootstrap.min.css" rel="stylesheet" /> 
</head> 
<body> 
    <div class="container"> 
     <header> 
      <a href="#/home">Home</a> 
      <a href="#/about">Over ons</a> 
      <a href="#/contact">Contact</a> 
     </header> 
     <div ng-view> 

     </div> 
     <footer> 
      Copyright... 
     </footer> 
    </div> 

    <script src="js/angular/angular.min.js"></script> 
    <script src="js/angular/angular-route.min.js"></script> 
    <script src="js/controller.js"></script> 
</body>

Controller.js

angular.module('myApp', ['ngRoute']) 
    .config(moduleConfig); 

moduleConfig.$inject = ['$routeProvider']; 

function moduleConfig($routeProvider) { 
    $routeProvider.when('/', { 
     templateUrl: 'views/home.html', 
     controller: 'homeController', 
     contollerAs : 'homeCtrl' 
    }) 
    .when('/home', { 
     templateUrl: 'views/home.html', 
     controller: 'homeController', 
     contollerAs : 'homeCtrl' 
    }) 
    .when('/about', { 
     templateUrl: 'views/about.html', 
     controller: 'aboutController', 
     contollerAs : 'aboutCtrl' 
    }) 
    .when('/contact', { 
     templateUrl: 'views/contact.html', 
     controller: 'contactController', 
     contollerAs : 'contactCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}; 

angular.module('myApp') 
    .controller('homeController', homeController) 
    .controller('aboutController', aboutController) 
    .controller('contactController', contactController); 

function homeController() { 
    this.msg = "Hello home"; 
}; 

function aboutController() { 
    this.msg = "Hello about"; 
}; 

function contactController() { 
    this.msg = "Hello contact"; 
};

Home.html中

<div> 
    <h1>{{homeCtrl.msg}}</h1> 
</div>

我使用硬編碼文本進行了測試，每當使用菜單進行導航時，它都會顯示正確的視圖。我也試着記錄不同的對象（homeController，homeCtrl，...）。只有變量這個不是未定義的，但是這個變量只包含$ scope。

在此先感謝。

來源

2016-08-18 StephanB

你缺乏<基本href = 「/」/>在頭部。嘗試在每個控制器中製作console.log。這應該讓你明白他們是否正確插入。 – Lazyexpert

我沒有得到任何控制檯錯誤，那麼爲什麼我應該使用標記？我已經嘗試控制檯中的控制檯日誌記錄，並顯示出來。 **編輯：**它甚至在打開視圖時顯示HTML中的

標記（

） – StephanB

您正在使用哪個版本的Angular？ –

找了差不多2個小時..我發現了我的愚蠢..愚蠢的錯誤。

contollerAs - >續ř ollerAs

來源

2016-08-18 10:35:03 StephanB

好點，這是JS的問題之一，你可以添加參數ad-infinitum，無任何錯誤。 – PeterS

是的。我覺得Angular並沒有在這些參數上寫任何檢查，這太奇怪了。無法想象我是這個「問題」的第一個哈哈。 – StephanB

AngularJS變量不會持續查看

回答

相關問題