2016-06-11 53 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

如果答案是正确的,则检查是否正确。 –