Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="" content="" />
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
​
<div id='out'></div>
​
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script src="//canjs.com/release/2.3.7/can.jquery.js"></script>
<script src="//canjs.com/release/2.3.7/can.stache.js"></script>
</body>
</html>
 
can.stache.registerHelper("pluralize",
    function(type, count){
  
  return type()+(count() === 1 ? "" : "s");
  
});
​
var data = {
  pluralize: function(){
    return "people"
  },
  map: new can.Map({
    todos: new can.List([22,32,42]),
    type: "person"
  })
}
​
var template = can.stache("{{#map}}"+
    "{{pluralize type ages.length)}}"+
    "{{/map}}");
​
​
$("#out").html( template(data) );
Output

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

Dismiss x