EmmanuelDemey

First name: <input type="text" id="txtFirstName" data-ng-model="firstName" />,
Last name: <input type="text" id="txtLastName" data-ng-model="lastName"/>
<button class="btn" id="btnReset" data-ng-click="firstName='';lastName='';">
	Reset fields
</button>
<br/>
Hello, Mister <i id="lblName">{{firstName}} {{lastName}}</i>

EmmanuelDemey

<table class="key-list" id="products" data-ng-init="price=50; qty=3">
	<tr><td>Product name</td><td>Price</td><td>Qty</td><td>Total</td></tr>
	<tr>
		<td>AngularJS book for newbies</td>
		<td id="price">{{price}}</td>
		<td id="qty">{{qty}}</td>
		<td id="total">{{price * qty}}</td>
	</tr>
</table>

EmmanuelDemey

<div data-ng-controller="ProductController" id="productForm">
	Name *: <input type="text" id="inputName" data-ng-model="product.name"/>,
	Price *: <input type="number" id="inputPrice" data-ng-model="product.price"/> €,
	Quantity *: <input type="number" id="inputQty" data-ng-model="product.qty"/>
	<br/> <i id="errorMsg">{{mandatoryMsg}}</i>
</div>

EmmanuelDemey

<div id="mainApp" data-ng-controller="MainCtrl">
	Hello, {{currentUser.login}}
	<tabset>
		<tab heading="Mails" data-ng-controller="MailCtrl">
			<div>You have {{nbMails}} mail(s) in your box.</div>
		</tab>
		<tab heading="Profile" data-ng-controller="EditCtrl">
			<div>
				<input type="text" id="inputLogin" data-ng-model="tmpLogin"/>
				<button class="btn" data-ng-click="currentUser.login=tmpLogin;">Change login</button>

EmmanuelDemey

<div id="userPanel" ng-controller="UserCtrl">
    There are {{nbUsers}} connected users on the website.
</div>

EmmanuelDemey

<div ng-app="app">
<div class='html-content'><p star-rating data-rate="two">2 comments</p></div></div>

EmmanuelDemey

<div data-ng-app="app">
<div class='html-content'><div data-ng-controller="ProductRatingCtrl">
	<star-rating data-value="{{productMarkCss}}">2 comments</star-rating>
	Mark: 
	<select data-ng-options="mark for mark in marks" data-ng-model="productMark" />
</div></div></div>

EmmanuelDemey

<div data-ng-app="app">
<div class='html-content'><div data-ng-init="login='Bob'">
	<button class="btn" data-ng-click="login=''" data-confirm-click data-message="Are you sure ? ">Reset login</button>
	Login: {{login}}
</div></div></div>

EmmanuelDemey

<div data-ng-controller="FilterCtrl">
	Filter: <input type="text" data-ng-model="filterName"/>
	/ Show <input type="text" data-ng-model="nbResults"/> results
	<table>
		<tr>
			<th><a href="">Name</a></th>
			<th><a href="">Phone</a></th>
			<th><a href="">Age</a></th>
			<th><a href="">Money</a></th>
			<th><a href="">Birth Date</a></th>

EmmanuelDemey

<form name="myForm">
	<h3>Training complaint form</h3>
	<!--  Show only if the complaint msg length > 5. -->
	<alert type="error" data-ng-if="myForm.txtContent.$error.maxlength">
		Complaint message must be five characters long or less!
	</alert>
	<!--  Name is required -->
	Your name: <input type="text" name="inputName" ng-model="complaint.name" required/>
	<!-- Correct mail format + required -->
	Your mail: <input type="email" name="inputMail" ng-model="complaint.mail" required/>