[乐意黎转载]AngularJS TODO Application
发布时间:2020-12-17 09:34:45 所属栏目:安全 来源:网络整理
导读:script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"/script body ng-app="myApp" ng-controller="todoCtrl" h2My Todo List/h2 form ng-submit="todoAdd()" input type="text" ng-model="todoInput" size="50" placeholder="Add New" / input
<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body ng-app="myApp" ng-controller="todoCtrl"> <h2>My Todo List</h2> <form ng-submit="todoAdd()"> <input type="text" ng-model="todoInput" size="50" placeholder="Add New" /> <input type="submit" value="Add New" /> </form> <br/> <div ng-repeat="x in todoList"> <input type="checkbox" ng-model="x.done" /> <span ng-bind="x.todoText"></span> </div> <p> <button ng-click="remove()">Remove marked</button> </p> <script> var app = angular.module('myApp',[]); app.controller('todoCtrl',function($scope) { $scope.todoList = [{ todoText: 'Clean House', done: true },{ todoText: 'study E ', done: true } ]; $scope.todoAdd = function() { if($scope.todoInput ==null || $scope.todoInput==""){/*lert("pls check input");*/return;} $scope.todoList.push({ todoText: $scope.todoInput, done: false }); $scope.todoInput = "ddd"; }; $scope.remove = function() { var oldList = $scope.todoList; $scope.todoList = []; angular.forEach(oldList,function(x) { alert(x.todoText); if (!x.done) $scope.todoList.push(x); }); }; }); </script> </body>
原文地址:http://jsfiddle.net/Jaxu/0pc1yz41/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |