You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
35 lines
1.4 KiB
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr" ng-app="MyApp">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<script src="angular.min.js" charset="utf-8"></script>
|
|
<script src="app.js" type="text/javascript"></script>
|
|
</head>
|
|
<body ng-controller="PeopleController as ctrl">
|
|
<h1>Hi</h1>
|
|
<ul>
|
|
<li ng-repeat="person in ctrl.people">
|
|
<dl>
|
|
<dt>Name</dt>
|
|
<dd>{{person.name}}</dd>
|
|
<dt>Age</dt>
|
|
<dd>{{person.age}}</dd>
|
|
</dl>
|
|
<button ng-click="ctrl.delete(person.id)">DELETE</button>
|
|
<button ng-if="$index !== ctrl.editablePerson" ng-click="ctrl.editablePerson = $index">EDIT</button>
|
|
<form ng-if="$index == ctrl.editablePerson" ng-submit="ctrl.edit(person.id)">
|
|
<input type="text" placeholder="{{person.name}}" ng-model="ctrl.editedPersonName"/>
|
|
<input type="number" placeholder="{{person.age}}" ng-model="ctrl.editedPersonAge"/>
|
|
<input type="submit" />
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
<form ng-submit="ctrl.create()">
|
|
<input type="text" placeholder="name" ng-model="ctrl.newPersonName"/>
|
|
<input type="number" placeholder="age" ng-model="ctrl.newPersonAge"/>
|
|
<input type="submit" />
|
|
</form>
|
|
</body>
|
|
</html>
|