透过现象看本质: 常见的前端架构风格和案例

下面是典型的AngularJS代码, 视图层:

<h2>Todo</h2> 
<div ng-controller="TodoListController as todoList"> 
 <span>{{todoList.remaining()}} of {{todoList.todos.length}} remaining</span> 
 [ <a href="" ng-click="todoList.archive()">archive</a> ] 
 <ul class="unstyled"> 
 <li ng-repeat="todo in todoList.todos"> 
 <label class="checkbox"> 
 <input type="checkbox" ng-model="todo.done"> 
 <span class="done-{{todo.done}}">{{todo.text}}</span> 
 </label> 
 </li> 
 </ul> 
 <form ng-submit="todoList.addTodo()"> 
 <input type="text" ng-model="todoList.todoText" size="30" 
 placeholder="add new todo here"> 
 <input class="btn-primary" type="submit" value="add"> 
 </form> 
</div> 

（编辑：PHP编程网 - 金华站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!