2016-11-07 7 views
0

アウト側からiの変数にアクセスしようとしています "K" $スコープ機能

.controller('AboutCtrl', ['$scope','$http', function($scope,$http) { 
    var k =""; 
    $scope.search = function() { 
    // $scope.searchText will give the search terms 
    k = $scope.searchText; 
    console.log(k); //has something 
    }; 
    console.log(k); // this is empty 
+0

をサービスを注入することを確認してください次にとして

app.service('svc', function() { this.k = ""; this.setK = function(value) { this.k = value; } this.getK = function() { return this.k; } }); 

の下にサービスを作成する必要がなかなか良さそうです..あなたはKが空になり、コントローラを開始まずとき..一度メソッドが呼び出されると、kは値 –

+0

'k = $ scope.searchText'を保持します。この文は関数式' $ scope.search'のブロックスコープにバインドされているため、初期ロード時には機能しません。 – dreamweiver

+0

それはどうやって動くはずだと思いますか? –

答えて

0

これに$ rootScopeを使用すると、rootScopeは角型変数になります。下のコードで見ることができるように依存関係を注入し、controllの外で使用する必要があります

.controller('AboutCtrl', ['$scope','$http','$rootScope' function($scope,$http,$rootScope) { 
    // var k =""; use below method. 
    $rootScope.k = ""; 
     $scope.search = function() { 
     // $scope.searchText will give the search terms 
     $rootScope.k = $scope.searchText; 
     console.log($rootScope.k); //has something 
     }; 
     console.log($rootScope.k); // this is empty 
+0

私はそれがこの感謝を使用して動作するようになった!私は(.run)を使用して動作します – kuhle

1

あなたが本当にsearch関数を呼び出すまでは空になり、

app.controller("AboutCtrl", function($scope, $http) { 
    var k = ""; 
    $scope.search = function() { 
    // $scope.searchText will give the search terms 
    k = $scope.searchText; 
    console.log(k); //has something 
    }; 
    //this will print the value 
    $scope.print = function() { 
    alert(k); 
    } 

}); 

DEMO

0

角度のサービスを使用できます。基本的にはあなたがこれはあなたのコントローラに

.controller('AboutCtrl', ['$scope','$http', function($scope,$http,svc) { 
    var k =""; 
    $scope.search = function() { 
    // $scope.searchText will give the search terms 
    k = $scope.searchText; 
    console.log(k); //has something 
    svc.setK(k); //saving k to the service 
    }; 
    console.log(k); // this is empty 
    k = getK(); //getting k from the service 
関連する問題