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
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Starter Kit</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.8.0/ember.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.0.0-beta.12/ember-data.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.3/jquery.mockjax.js"></script>
</head>
<body>
​
  <script type="text/x-handlebars" id="components/blog-post">
    <button {{ action 'selectedCategory' }}>Set Category</button>
    <p>Lorem ipsum dolor sit amet.</p>
  </script>
​
  <script type="text/x-handlebars">
    {{ blog-post selectedCategory=selectedCategory }}
  </script>
​
  
  
  
</body>
</html>
​
​
 
​
 
window.App = Ember.Application.create();
​
App.CategoryManagerController = Ember.Controller.extend({
  selectedCategory: null,
});
​
App.ApplicationController = Ember.ObjectController.extend({
    needs: ['categoryManager'],
    selectedCategory: Ember.computed.alias('controllers.categoryManager.selectedCategory'), 
    selectedCategoryChanged: function(){
      alert("NEW CATEGORY: " + this.get('selectedCategory'));
    }.observes('selectedCategory')
});
​
​
App.BlogPostComponent = Ember.Component.extend({
    actions:{
        selectedCategory: function (){
            this.set('selectedCategory',1);
        }
    }
});
Output

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

Dismiss x
public
Bin info
kalmanhpro
0viewers