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>
<body>
  <script type="text/x-handlebars" id="organization">
  <b>LSAdapter problem.</b>
  <p>
    Add Org Name {{view Ember.TextField valueBinding='newname'}}
   <br />
   <button {{action "createOrg"}}>Add organization</button>
   
   <button {{action "clearLS"}}>Clear local storage</button>
   
   <button {{action "deleteOrgs"}}>Delete Org data</button>
  
 
   <br />
  
    Here are the Orgs:
    <ul>
    {{#each model}}
      <li>{{id}} - {{name}} </li>
    {{/each}}
    </ul>
    
  </p>
  
  <hr />
  
  <ol>
    Follow these steps to replicate the problem:
    <li>Open up chrome web dev --> Resources --> Local Storage --> "http://jsbin.com"</li>
    <li>Add some orgs on this page and observe that they are added to local storage</li>
    <li>Click on "Clear local storage" and observe that the local storage is cleared. OR Click on "Delete Org data" and observe that the entries are cleared. <i>Do not refresh the page.</i> (Data still remain on the page but that's okay because we haven't refreshed the page.)</li>
    <li>Add one more org and observe that <b>all the deleted orgs are resurrected!!</b></li>
  </ol>
​
  </script>
  
  <script src="http://emberjs.com.s3.amazonaws.com/getting-started/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
  <script src="http://builds.emberjs.com/ember-latest.js"></script>
  <script src="http://builds.emberjs.com/ember-data-latest.js"></script>
  <script src="http://emberjs.com.s3.amazonaws.com/getting-started/local_storage_adapter.js"></script>
</body>
</html>
​
 
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers