AngularJS：使用服务_Angularjs_Angular Services

AngularJS：使用服务

angularjs

AngularJS：使用服务,angularjs,angular-services,Angularjs,Angular Services,我是个新手，在尝试使用服务时遇到了问题。这是我的代码： TodoApp.js： 'use strict' var todoApp=angular.module('todoApp',['ngRoute']); 和service.js 'use strict' todoApp.service('dataServie', [function () { this.getTodoData = function () { return [{ 'task': 'shopping', 'd

我是个新手，在尝试使用服务时遇到了问题。这是我的代码：

TodoApp.js：

'use strict'

var todoApp=angular.module('todoApp',['ngRoute']);

和service.js

  'use strict'

  todoApp.service('dataServie', [function () {
this.getTodoData = function () {
    return [{ 'task': 'shopping', 'due': 1288323623006, 'done': true },
    { 'task': 'homework', 'due': 1288323623006, 'done': false },
    { 'task': 'cleaning', 'due': 1288323623006, 'done': false }];
};
}])

和controller.js

  'use strict'

   todoApp.controller('todoController', ['$scope','dataService',
function ($scope,dataService) {
    $scope.todoList = dataService.getTodoData();

    $scope.makeDone = function (todo) {
        todo.done = true;
    };

}
 ])

和index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello</title>
    <script type="text/javascript" src="Scripts/angular.min.js"></script>
    <script type="text/javascript" src="Scripts/angular-route.js"></script>
    <script type="text/javascript" src="Scripts/app/TodoApp.js"></script>
    <script type="text/javascript" src="Scripts/app/service.js"></script>
    <script type="text/javascript" src="Scripts/app/Controller.js"></script>
</head>

<body ng-app="todoApp">
    <h1>hello!</h1>
    <div ng-controller="todoController">
        <ul ng-repeat="todo in todoList">
            <li><span>{{todo.task}}</span>
                <span>{{todo.due | date:'mediumTime'}}</span>
                <input ng-model="todo.done" type="checkbox"  ng-cheked="todo.done"/>
                <span>{{todo.done}}</span>
            </li>
        </ul>

    </div>
</body>

</html>


你好
你好

{{todo.task}
{{todo.due}日期：'mediumTime'}
{{todo.done}

并接收此错误消息：

错误：错误：unpr 未知提供者

未知提供程序：dataServiceProvider您已注册服务调用“dataServie”

您正试图将服务调用“dataService”注入控制器，但它不存在，因此出现错误消息

看起来像是打字错误。service（'dataService'应该是。service（'dataService'）

只是一些拼写错误

var todoApp=angular.module（'todoApp'，['ngRoute']）；
todoApp.service（'dataService'[
函数（）{
this.getToData=函数（）{
返回[{
“任务”：“购物”，
“到期”：1288323623006，
“完成”：对
}, {
“任务”：“家庭作业”，
“到期”：1288323623006，
“完成”：错误
}, {
“任务”：“清理”，
“到期”：1288323623006，
“完成”：错误
}];
};
}
])
todoApp.controller（'todoController'，['$scope'，'dataService'，'，
功能（$scope，dataService）{
$scope.todoList=dataService.getToData（）；
$scope.makeDone=函数（todo）{
todo.done=true；
};
}
])


你好

{{todo.task}
{{todo.due}日期：'mediumTime'}
{{todo.done}

您的服务似乎有拼写错误，是吗？

todoApp.service（'dataservice'，