Skip to content

Instantly share code, notes, and snippets.

@chuck0523

chuck0523/dotinstallAngularLesson.html

Created May 31, 2015 06:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chuck0523/544c6a94e5acbbb81c06 to your computer and use it in GitHub Desktop.
Save chuck0523/544c6a94e5acbbb81c06 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dotinstallAngularLesson.html
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>AngularJSで作るTodoアプリ</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="angular.mim.js"></script>
<script type="text/javascript" src="Main.js"></script>
<head>
</head>
<body>
<div ng-app="app">
<div ng-controller="todoController">
<section class="panel panel-default">
<header class="panel-heading">
<div class="input-group">
<input type="text" class="form-control" ng-model="message" placeholder="ToDo ..." />
<span class="input-group-btn">
<button class="btn btn-primary" ng-click="addTodoItem(message)">Add</button>
</span>
</div>
</header>
<ul class="list-group">
<li class="list-group-item" ng-repeat="todoItem in todoItems">
<div class="list-group-item-inner">
<div class="item-wrapper">
<input type="checkbox" ng-model="todoItem.done" />
</div>
<label class="done-{{todoItem.done}}" ng-dblclick="updateTodoItem(todoItem)">{{todoItem.message}}</label>
<div class="item-wrapper">
<button class="btn btn-danger btn-xs" ng-click="removeTodoItem(todoItem.id)">&times;</button>
</div>
</div>
</li>
</ul>
<footer class="panel-footer">
<span class="badge">{{remaining()}} / {{todoItems.length}}</span> Items left
</footer>
</section>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment