Angular, première partie

2015-04-08 23:22:53 +02:00
parent de745ba6df
commit 16a28eb88b
32 changed files with 585 additions and 35 deletions
--- a/javascript/angular/directives-4.md
+++ b/javascript/angular/directives-4.md
@ -0,0 +1,22 @@
+# .cadoles-slide-title[Les directives de base (4/)]
+
+**Conditions dans les templates: `ng-show`, `ng-hide`, `ng-switch`**
+```html
+<html>
+  <body ng-app="myApp">
+    <div ng-controller="MainCtrl" ng-init="myTest = true; myVal = 'foo'">
+
+      <span ng-hide="myTest === true">Caché !</span>
+      <span ng-show="myTest === true">Affiché !</span>
+
+      <div ng-switch="myTest === true">
+        <span ng-switch-when="foo">Affiché !</span>
+        <span ng-switch-when="bar">Caché !</span>
+        <span ng-switch-default="baz">Caché !</span>
+      </div>
+
+    </div>
+    <script src="angular.js"></script>
+  </body>
+</html>
+```