Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
</body>
</html>
​
<!DOCTYPE html>
<html ng-app="testApp">
​
  <head>
<meta name="description" content="global data service, 2 controllers, workng" />
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.js"></script>
    <script src="app.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>
​
  <body>
    <div ng-controller="Ctrl1">
      <h3>This is Ctrl1 :</h3>
      
      <ul>
      <li ng-repeat="data in myArrayData">
        <p>{{data.val}}</p>
      </li>
      </ul>
  
      
      <button type="button"  ng-click="setGlobalDataArray()">Set Global Array</button>
    </div>
    
    
    <div ng-controller="Ctrl2">
      <h3>This is Ctrl2 :</h3>
      
      <ul>
      <li ng-repeat="data in myArrayData">
        <p>{{data.val}}</p>
      </li>
      </ul>
 
    </div>
  </body>
​
</html>
​
 
//reference test: working
var app = angular.module('testApp', []);
//---------------------------------------------------
app.controller('Ctrl1', function($scope,globalData) {
​
  $scope.index = 0;
  $scope.myData = globalData;
  
  $scope.myArrayData = globalData.arrayData; 
  
  $scope.setGlobalDataArray = function() {
    //예: $http로 json 객체 배열을 받은 경우를 등등
    angular.copy([
      {val:'Ctrl 1 set:'+$scope.index++},
      {val:'Ctrl 1 set:'+$scope.index++}], globalData.arrayData);  
  };
});
​
//---------------------------------------------------
app.controller('Ctrl2', function($scope,globalData) {
  $scope.index = 0;
  $scope.myData = globalData;
  
  $scope.myArrayData = globalData.arrayData;   
});
 
//---------------------------------------------------
//global data service
app.factory('globalData', function(){
​
    return  {
        arrayData: [{val:'default1'},{val:'default2'}]
    };
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
jeremykopro
0viewers