2016-06-11 54 views
0

這又是一個非常簡單的問題。我正在運行Angular 1.5.6,而且控制器似乎沒有按照我期望的方式工作。在下面,{{control.helo}}不給我任何東西,我真的不知道爲什麼。AngularJS 1.5.6控制器不工作

<html ng-app="simplifiedExample"> 
<head> 
</head> 
<body> 
    <div class="container" ng-controller="appController as control"> 
     {{ control.hello }} 
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="controllers/controller.js"></script> 
</body> 
</html> 

並在控制器/ controller.js我有以下幾點:

var app = angular.module('simplifiedExample', []); 

app.controller('appController', function() { 
    this.hello = "Helloooo"; 
}); 

任何幫助,將不勝感激。

編輯:控制器鏈接是絕對正確的,因爲我在該文件中放置了console.log(「Test」),並且它已正確記錄。

我也在index.html文件中移動了控制器聲明,沒有任何改變。

我也嘗試了不同的CDN和Angular版本 - 同樣的結果。

我在CentOS 7虛擬機(我正在計算機上運行Windows 10)上嘗試了上述所有操作,並在VM上重現了這個問題。

最終編輯:夥計們,我完全和完全智障。我在我的應用中拼寫了「控制器」作爲「控制器」,這顯然是一個錯字。一切正常。對於浪費時間的每個人來說,抱歉煩惱和讚揚。 :(

+1

不可複製。發佈的代碼是可以的,關於你的設置。 – dfsq

+1

嘗試'app.controller('appController',function($ scope){$ scope.hello ='Hello';});'你在控制檯中看到任何錯誤? – Tushar

+0

Tushar,我也試過你的版本,在控制檯中仍然沒有錯誤,頁面上也沒有輸出。 Dfsq,我會啓動一個虛擬機並在第二個環境中嘗試它,並會讓你知道一點。 – Neekoy

回答

0

嘗試用下面的控制器代碼:

var app = angular.module('simplifiedExample', []); 
app.controller('appController', function() { 
    var control = this; 
    control.hello = "Helloooo"; 
}); 
+1

那麼你發佈了和OP發佈的代碼完全相同的代碼,不僅原始代碼是**正確的* *,但是您的版本**完全相同,因此不能更改任何內容。 – dfsq

1

HTML

<div ng-app="app" ng-controller="appController as control"> 
    //{{control.id}} 
</div> 

控制器

.controller('appController', function() { 
    var control = this; 
    control.id = "someValue";  
}); 

更多信息read this

+0

如果答案是正確的,則檢查是否正確。 –