文章/答案/技术大牛

发布

社区首页 >问答首页 >AngularJs服务未注入到控制器中

问AngularJs服务未注入到控制器中
EN

Stack Overflow用户

提问于 2015-10-03 09:25:01

回答 1查看 1.2K关注 0票数 1

我在一些非常简单的事情上遇到了问题，比如向控制器中注入一个基本的服务，尽管我阅读了文档和其他问题，但我真的看不出我正在犯的错误。

下面是我的简化代码：

angular.module ('travelApp', ['ui.bootstrap', 'ngRoute'])

//控制器

.controller('searchController', ['$scope','myParams', function ($scope,ngRoute,myParams){

   $scope.place = myParams.place;
   $scope.$watch('place', function(){
      myParams.place = $scope.place;
    });

    $scope.bind = function(){
        console.log(myParams.getPlace);
    };
}])

//服务

.service('myParams', function(){
    this.place = 'start';
});

//我的HTML

<div class="container" ng-app="travelApp">
    <div class="jumbotron" id="searchPage" ng-controller="place">
    <div>
        <h3>Start Here</h3>
        <input type="text" class="form-control" id="searchBar" ng-model="place">
        <a type="button" class="btn btn-default" ng-click="bind()">bind data</a>
    </div>
</div>

在过去的几个小时里，我尝试了很多方法，但一直收到

"TypeError:无法设置未定义的属性'place‘“

似乎控制器内部的服务是不可用的，我不知道它是否与路由有关，但我怀疑是这样的。

有人能给我指个方向吗？

这是一个Plunker

angularjs

dependency-injection

angular-services

angularjs-digest

回答 1

Stack Overflow用户

发布于 2015-10-03 09:30:38

如果使用数组语法，则依赖项必须匹配。从控制器的参数中删除ngRoute。

.controller('searchController', ['$scope','myParams', function ($scope, myParams){

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32917999

复制

相似问题

问AngularJs服务未注入到控制器中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJs服务未注入到控制器中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJs服务未注入到控制器中
EN