Question

再次提出另一个非常简单的问题。我正在运行Angular 1.5.6并且控制器似乎没有按照我期望的方式工作。在下面，{{control.helo}}并没有给我任何东西，我真的不确定原因。

<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>

在controllers / controller.js中，我有以下内容：

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

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

任何帮助都将不胜感激。

编辑：控制器链接肯定是正确的，因为我在该文件中放置了console.log（＆＃34; Test＆＃34;），并且它已正确记录。

我还在index.html文件中移动了控制器声明，但没有任何改变。

我还尝试了不同的CDN和Angular版本 - 相同的结果。

我在CentOS 7 VM上尝试了以上所有内容（我在计算机上运行Windows 10），也在VM上重现了这个问题。

最终编辑：伙计们，我完全和完全迟钝了。我拼写了＃34;控制器＆＃34; as＆＃34; contoller＆＃34;在我的应用程序中，这显然是一个错字。一切正常。很抱歉给我浪费时间的每个人打扰和投票。：（

Answer 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

Answer 2

尝试使用以下控制器代码：

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

AngularJS 1.5.6控制器无法正常工作

2 个答案: