Dynamics Test

This is a cool dynamics test.

by betajs

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdn.rawgit.com/betajs/betajs-scoped/master/dist/scoped.js"></script>
<script src="//cdn.rawgit.com/betajs/betajs/master/dist/beta-noscoped.js"></script>
<script src="//cdn.rawgit.com/betajs/betajs-browser/master/dist/betajs-browser-noscoped.js"></script>
<script src="//cdn.rawgit.com/betajs/betajs-dynamics/master/dist/betajs-dynamics-noscoped.js"></script>
<div id='container'>
  <h1 style="color: {{title_color}}">
    {{title}}
  </h1>
  <div ba-repeat="{{c :: colors}}">
    <button ba-tap="title_color = c.color">Color {{c.color}}</button>
  </div>
</div>

JavaScript

var mainDynamic = new BetaJS.Dynamics.Dynamic({
  element: $("#container"),
  collections: {
    colors: [{ color: "blue" }, { color: "red" }]
  },
  attrs: {
    title: "Hello World"
  }
});
mainDynamic.activate();