D3 Examples - AngularJS with Firebase Demo

xxxxxxxxxx
 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://code.angularjs.org/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/v0/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.5.0/angularfire.min.js"></script>
    
<body ng-controller="DemoCtrl" class="container"  ng-app="DemoApp">
​
<h2>用AngularJS和火力点实时通讯名单</h2>
  <h3>消息计数: {{getCount()}} 项目</h3>
​
 <!--ADD ITEM FORM-->
 <form name="myForm">
​
     <div>
         <input type="text"
                name="todoNameField"
                ng-model="todoName"
                placeholder="Add new message (min 3 chars)"
                required ng-minlength="3"
                class="form-control"
                ng-keyup="($event.keyCode == 13 && todoName.length > 2) ? addItem() : return"
                style="margin-bottom: 10px"
                />
​
         <button ng-click="addItem()"
                         ng-hide="myForm.todoNameField.$invalid"
                         class="btn btn-primary" type="button"
                         >保存计划</button>
     </div>
​
 </form>
​
<hr>
​
​
<!--TODO LIST-->
<div ng-repeat="item in todos" class=" list-group-item row">
  
    <div  class="col-md-6">
        <!--COMPLETED ICON-->
         <span class="glyphicon glyphicon-thumbs-up"
               ng-show="item.completed"> </span>
​
​
        <!--todo label-->
        <span>{{item.name}} </span>
        <span  class="text-info"> [ {{item.id}} ]</span>
    </div>
​
​
    <div  class="col-md-6">
        <!--Delete Todo button-->
        <a class="btn btn-primary" ng-click="removeItem($index, item, $event)">
            删除
        </a>
​
        <a class="btn btn-info" ng-click="changeStatus(item)">
           改变现状
        </a>
    </div>
    
</div>
​
​
​
​
​
    