简单的angularjs将服务数据注入控制器

Question

尝试学习angularjs只是因为但没有获得基础知识。 为什么这不起作用？ 'hello'已绑定，如果取消注释，将显示“working”。

angular.module('myApp', [])
.service('formService', function () {
     this.names = ['John', 'James', 'Jake'];
}).controller('FormCtrl', ['$scope', function ($scope, formService) {
    $scope.hello = formService.names[1];//"working";
}]);

[html片段]

<div ng-app="myApp" ng-controller="FormCtrl">
{{hello}}
</div>

Answer 1

您已关闭服务的字符串版本。所以改变：

.controller('FormCtrl', ['$scope', function ($scope, formService)

到

.controller('FormCtrl', ['$scope','formService', function ($scope, formService)

或者因为这是一个让一些人使用ngMin的常见错误。

然后您可以使用表单：.controller('FormCtrl', function ($scope, formService)并让ngMin（例如在您的构建脚本中）处理将其转换为您使用的最小安全表单。

Answer 2

您在控制器功能中缺少formservice参数，您应该在控制台中看到错误。其他一切看起来都不错。