JSFiddle - React, Tailwind, and code Playground

by robertjd

HTML

<script src="http://docs-next.angularjs.org/angular-0.10.6.min.js"></script>
<div ng:app ng:controller="MainController">
    <span ng:bind="id"></span>
    <div ng:controller="LessonController">
        <span ng:bind="no_starred"></span>
        <li ng:repeat="word in words">
            
                <span ng:bind="word.text"></span>
                <span ng:click="word.starred=!word.starred">star</span>
                <span ng:show="word.starred">*</span>
            
        </li>
    </div>
</div>

JavaScript

function MainController() {
    this.id = "test";
}
function LessonController($filter) {
    this.no_starred = 0;
    this.words = [
        {
            text : "Blue",
            starred : false
        },
        {
            text : "red",
            starred : false
        }
    ];
    this.$watch('words',function($scope,newval,oldval){
        $scope.no_starred = $filter('filter')($scope.words,{starred:true}).length;
    });
}