angular-property-binder
Version:
Bind property and keep safe the reference
67 lines (60 loc) • 2.3 kB
HTML
<html>
<head>
<!-- meta -->
<title>Angular property binder</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Lang" content="fr">
<meta name="author" content="Gaignoux Nicolas"/>
<!-- if partials used -->
<!-- <meta name="fragment" content="!"> -->
<!-- meta -->
<!-- design -->
<!-- styles -->
<!-- styles -->
<!-- fonts -->
<!-- fonts -->
<!-- design -->
</head>
<body ng-app="App">
<!-- content -->
<section ng-controller="App.controllers.appTest as AppTest">
<input type="number" ng-model="AppTest.nbToLoad">
<button ng-click="AppTest.load();">Delete reference and reload data</button>
<hr>
<section class="user-list">
<article class="user" ng-repeat="user in AppTest.users track by $index">{{user.name}} - [eye color : {{user.eyeColor}}]</article>
</section>
<hr>
<section class="user-list">
<article class="user" ng-repeat="user in AppTest.usersAlias track by $index">{{user.name}} - [eye color : {{user.eyeColor}}]</article>
</section>
<hr>
<span>nested property: </span>
<input type="text" ng-model="AppTest.eyeColor">
<hr>
<article class="message">{{AppTest.message}}</article>
</section>
<!-- content -->
<!-- scripts -->
<!-- libraries -->
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../dist/angular-property-binder.js"></script>
<!-- <script src="../dist/angular-property-binder.min.js"></script> -->
<!-- <script src="../lib/core.js"></script> -->
<!-- <script src="../lib/providers/binder.js"></script> -->
<!-- <script src="../lib/services/binder.js"></script> -->
<!-- libraries -->
<!-- features -->
<script src="modules/app/core.js"></script>
<script src="modules/app/values/users.js"></script>
<script src="modules/app/services/userPicker.js"></script>
<script src="modules/app/factories/users.js"></script>
<script src="modules/app/controllers/appTest.js"></script>
<!-- features -->
<!-- scripts -->
</body>
</html>