Udostępnianie zmiennej między kontrolerami w angular.js
Jestem nowy w kanciastym i zastanawiam się, jak mogę współdzielić zmienną między kontrolerami w kanciastości. Używam następujących skryptów -
W Main.js:
function MainCntl($scope) {
---code
}
function SearchCtrl($scope, $http) {
$scope.url = 'http://10.0.0.13:9000/processAdHoc';
$scope.errorM = "No results";
$scope.search = function() {
$http.post($scope.url, { "data" : $scope.keywords}).
success(function(data, status) {
$scope.status = status;
$scope.data = data;
$scope.result = data;
alert('yes');
})
.
error(function(data, status) {
$scope.data = data || "Request failed";
$scope.status = status;
alert('no');
$scope.result = "failed";
});
};
}
W Index.html
<body ng-controller="MainCntl" >
---code
<div ng-controller="SearchCtrl">
<form class="well form-search">
<div class="ui-widget">
<label for="tags"></label>
<a ng-click="search()"><input type="image" src="../../images/search1.png" class="searchbox_submit" /></a>
<input ng-model="keywords" placeholder="Shadow Search" id="tags" class="input-medium search-query rounded" />
</div>
</form>
</div>
---code
<p ng-model="result">
{{result}}
</p>
</body>
Wszystko działa dobrze z ajaxem Wysyłam dane i otrzymuję odpowiedź, moje pytanie jest następujące:
W funkcji SearchCtrl mam zmienną o nazwie $ scope.result, o której później mowa w Index.html. Jeśli wstawię kod HTML, który zawiera tę zmienną do kontrolera SearchCtrl, to działa dobrze, ale jeśli jest w kontrolerze MainCtrl, to nie działa. Jak mogę udostępnić tę zmienną między kontrolerami.
Dzięki przed