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="reference test: one controller, no service, working" />
    <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 Ctrl 1 :</h3>
      
      <ul>
      <li ng-repeat="data in myArrayData">
        <p>{{data.val}}</p>
      </li>
      </ul>
  
      <button type="button"  ng-click="setNewDataArray()">Set New Array</button>
    </div>
    
  </body>
​
</html>
​
 
//reference test: one controller, no service, working
var app = angular.module('testApp', []);
​
app.controller('Ctrl1', function($scope) {
  $scope.index = 0;
  var varArray = [{val:'default 1'},{val:'default 2'}];
  $scope.myArrayData = varArray; 
  
  $scope.setNewDataArray = function() {
    var newArray =[
      {val:'Ctrl 1 set:'+$scope.index++},
      {val:'Ctrl 1 set:'+$scope.index++}];
    
    //varArray = newArray;
    
    //deep copy: 
    angular.copy(newArray, varArray);  
    
    console.log("Ctrl 1 set:",varArray);
  };
});
​
​
Output 300px

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

Dismiss x
public
Bin info
jeremykopro
0viewers