Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Ember 1.0.0-RC6" />
  
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.4/handlebars.js"></script>
<link href="//twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="//twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="//twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<script src="//builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.6.js"></script>
  <script src="http://builds.erikbryn.com/ember-model/ember-model-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script type='text/x-handlebars' data-template-name="application">
    <h1><a href='http://stackoverflow.com/questions/17868248/ember-how-to-access-a-child-controller-from-a-parent-controller'>Ember how to access a child controller from a parent controller</a></h1>
    <div>{{ outlet }}</div>
  </script>
  <script type='text/x-handlebars' data-template-name="customers">
    <ul>
    {{#each customer in controller}}
      <li>
        <div class='name'>{{ customer.name }}</div>
        <div class='orders'>
          {{#each order in customer.orders}}
            <div class='order'>{{ order.description }}</div>
          {{/each}}
        </div>
      </li>
    {{/each}}
    </ul>
  </script>
    <script type='text/x-handlebars' data-template-name="orders">
    <ul>
    {{#each order in controller}}
      <li>
        <div {{ action toggle }} {{bindAttr class='isToggled:red'}}>{{ order.description }}</div>
      </li>
    {{/each}}
    </ul>
    Toggled: {{ redCount }}
  </script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
RyanHirschpro
0viewers