1

基本的なサービスをコントローラーに挿入するなどの非常に単純なことに問題があり、ドキュメントやその他のSOの質問を読んでも、自分が犯している間違いが本当にわかりません。

これが私の簡略化されたコードです:

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' を設定できません」

サービスはコントローラー内では利用できないようです。ルーティングと関係があるかどうかはわかりませんが、そうは思えません。

誰かが私を正しい方向に向けることができますか?

こちらがプランカー

4

1 に答える 1