AngularJS에서 컨트롤러를 통한 데이터 공유가 작동하지 않는 이유

Question

간단한 사용자 이름 로그인 시스템을 구축하려고합니다. 이것은 내 다양한 ​​컨트롤러에서 사용할 수있는 사용자 이름을 기록하기위한 것입니다.

는하지만, 어떤 이유로, 나는 abcController

이 문제의 본질은 컨트롤러를 통해 데이터를 공유에 $scope.userName 값을 얻을 수 없습니다입니다.

controller.js

app.controller('userNameController',function ($scope, $log, Config, Session) 
{ 
    Session.updateSession($scope.userName); 
}); 

app.controller('abcController',function ($scope, $log, Config, Session) 
{ 
    $scope.userName=Session.data.username; 
    //some other code 
}); 

resource.js 즉시 사용자가 로그인 버튼 트위터 - 부트 스트랩 모달 (팝업)를 클릭로

app.factory('Session', function() { 
    var Session = { 
     data: {}, 
     updateSession: function(userName) { 
      Session.data = { "username": userName } 
     } 
    }; 
    return Session; 
}); 

가 나타나고 사용자에게 묻습니다 사용자 이름을 입력하십시오.

index.html을

<div ng-controller="userNameController"> 
<button class="btn" id="enterUsernameBtn" href="#userNameModal" role="button" class="btn" data-toggle="modal" title="Enter Username">Login</button> 
</div> 

    <!-- UserName Modal --> 
    <div id="userNameModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="userNameModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="userNameModalLabel">Enter your username</h3> 
     </div> 
     <div class="modal-body"> 
      <p><b>UserId</b></p> 
      <div class="input-append"> 
       <input class="pull-left" id="userIdTextBox" type="text" style="left:8px; width:160px" ng-controller="userNameController" ng-model="userName"> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Submit</button> 
     </div> 
    </div> 

내가 위에서 할 노력하고 무엇을 할 수있는 더 좋은 방법이 있다면, 제안 주시기 바랍니다.

Answer 1

리소스를 이와 같이 정의하면 도움이됩니까?

app.factory('Session', function() { 
    var Session = { 
     data: { username: undefined }, // ensure object ref to attach to 
     updateSession: function(userName) { 
      Session.data.username = userName; // do NOT recreate the object above 
     } 
    }; 
    return Session; 
}); 

나는 일이 될 수 있습니다 어떤 생각 (나는 당신의 모든 코드를 볼 수 없습니다)하지만 난 당신이 abcController에 대한 참조를 찍을 때 username가 설정되어 있다고 생각하지 않습니다. abcController가 연결할 수있는 객체 스키마에서 먼저 공유 참조를 정의하면 나중에 updateSession()이 호출 될 때 변경 사항이 반영됩니다.

다음은 서비스 아이디어를 사용하는 example입니다.

Answer 2

emit 및 broadcast을 사용하여 대체 솔루션을 찾았습니다. 당신의 abcController 이미 시간에 실행 때문에

app.controller('userNameController',function ($scope, $log, Config) 
{ 

    $scope.submitUserName= function() 
    { 
     // Session.updateSession($scope.userName); 
     $scope.$emit('handleEmit', {username: $scope.userName}); 
    }; 

}); 

app.controller('abcController',function ($scope, $log, Config) 
{ 
    $scope.$on('handleBroadcast', function(event, args) { 
     $scope.userName = args.username; 
     }); 
    //some other code 
});