基本的なサービスをコントローラーに挿入するなどの非常に単純なことに問題があり、ドキュメントやその他の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' を設定できません」
サービスはコントローラー内では利用できないようです。ルーティングと関係があるかどうかはわかりませんが、そうは思えません。
誰かが私を正しい方向に向けることができますか?
こちらがプランカー