Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
</body>
</html>
<!DOCTYPE html>
<html ng-app="testApp">
  <head>
<meta name="description" content="dot rule for nested scopes" />
    <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>
    <h3>nested scopes, NOT working</h3>
    <div ng-controller="ParentCtrl">
      This is ParentCtrl :
      <input type="text" ng-model="stringPrimitive" /> 
      
      <div ng-controller="ChildCtrl">
      This is ChildCtrl :
      <input type="text" ng-model="stringPrimitive" /> 
    </div>
    </div>
  </body>
</html>
 
.ng-scope  {
  border: 1px solid red;
  margin: 3px;
}
 
//---------------------------------------------------
//dot rule for nested scopes, NOT working...
//---------------------------------------------------
var app = angular.module('testApp', []);
app.controller('ParentCtrl', function($scope) {
  $scope.stringPrimitive = '';
});
app.controller('ChildCtrl', function($scope) {
 
});
Output 300px

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

Dismiss x
public
Bin info
jeremykopro
0viewers