Question

我正在尝试构建一个与外部API通信的简单Web应用程序，第一步我想检查我的控制器，service-html集成是否全部放置，所以我想绑定一个从控制器到视图的简单变量，但我得到 {{msg}} 而不是成功绑定。

请暂时忽略该服务仅限我的基金会。

main.html：

<!DOCTYPE html>

<html >
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="controller.js"></script>

<head></head>
<body  ng-app="queueApi" ng-controller="MainController">
    <div>
        <h1>{{msg}}</h1>
    </div>

</body>
</html>

queueservice.js

angular.module('queueApi')
.factory('queueService', function ($resource){
    return $resource('http://127.0.0.1:8080/queue/:id',{id: '@id'});

});

controller.js

var app = angular.module('queueApi' , ['ngResource']);
app.controller('MainController', function($scope,$http, queueService){

    $scope.msg = "Hi tom";
    // $scope.items = queueService.query({id:2}); //getting all from id 2

});

Answer 1

除了Hamlet Hakobyan's回答之外，您必须确保您的模块包含在正确的顺序中。使用代码结构 controller.js 应位于 queueservice.js 之前。

来自documentation：

请注意，使用angular.module（'myModule'，[]）将创建模块myModule并覆盖任何名为myModule的现有模块。使用angular.module（'myModule'）来检索现有模块。

Angular无法绑定表达式

1 个答案: