|
1 | | - |
2 | 1 | <!DOCTYPE html> |
3 | 2 | <html lang="en" ng-app="demoApp" id="top"> |
4 | 3 | <head> |
|
10 | 9 | <script src="http://code.angularjs.org/1.0.1/angular-1.0.1.min.js"></script> |
11 | 10 | <script src="angular-ui/build/angular-ui.js"></script> |
12 | 11 | <script src="js/prettify.js"></script> |
13 | | - <script src="lib/maskedinput/src/jquery.maskedinput.js"></script> |
| 12 | + <script src="lib/maskedinput/jquery.maskedinput.js"></script> |
14 | 13 | <script src="lib/select2/select2.js"></script> |
15 | 14 | <script src="lib/CodeMirror/lib/codemirror.js"></script> |
16 | 15 | <script src="lib/CodeMirror/mode/javascript/javascript.js"></script> |
|
69 | 68 | <b class="caret"></b> |
70 | 69 | </a> |
71 | 70 | <ul class="dropdown-menu"> |
72 | | - <li><a scrollto href="#filters-length">Length</a></li> |
73 | 71 | <li><a scrollto href="#filters-highlight">Highlight</a></li> |
74 | 72 | <li><a scrollto href="#filters-inflector">Inflector</a></li> |
75 | 73 | <li><a scrollto href="#filters-unique">Unique</a></li> |
@@ -441,12 +439,13 @@ <h3>How?</h3> |
441 | 439 | </section> |
442 | 440 |
|
443 | 441 | <section id="directives-mask"> |
444 | | - <div class="page-header"> |
| 442 | + <div class="page-header" ng-init="maskDemo = 12345678"> |
445 | 443 | <h1>Mask</h1> |
446 | 444 | </div> |
447 | 445 | <h3>What?</h3> |
448 | 446 | <p></p> |
449 | 447 | <p><input ng-model="maskDemo" ui-mask="'99-99-9999'" placeholder="__-__-____"></p> |
| 448 | + <p>Mask model value: {{maskDemo}}</p> |
450 | 449 |
|
451 | 450 | <h3>Why?</h3> |
452 | 451 | <p></p> |
@@ -736,6 +735,7 @@ <h3>How?</h3> |
736 | 735 | <option value="three">Third</option> |
737 | 736 | </select> |
738 | 737 | </pre> |
| 738 | +<p>Or try playing around with this <a href="http://plnkr.co/edit/X4nBw1?p=preview">sandbox demo</a> to see how AJAX works</p> |
739 | 739 | </section> |
740 | 740 |
|
741 | 741 | <section id="directives-showhide"> |
@@ -881,41 +881,6 @@ <h3>How?</h3> |
881 | 881 |
|
882 | 882 | </section> |
883 | 883 |
|
884 | | - <section id="filters-length" ng-controller="LengthCtrl"> |
885 | | - <div class="page-header"> |
886 | | - <h1>Length</h1> |
887 | | - </div> |
888 | | - <div class="row"> |
889 | | - <div class="span6"> |
890 | | - <h3>What?</h3> |
891 | | - <p>Get the length attribute of an array, string, or object</p> |
892 | | - <div class="well"> |
893 | | - <p><input ng-model="lengthFilter" placeholder="Filter the list"></p> |
894 | | - <p>There are {{(items | filter:lengthFilter).length}} items.</p> |
895 | | - <ul> |
896 | | - <li ng-repeat="value in items | filter:lengthFilter">{{value}}</li> |
897 | | - </ul> |
898 | | - </div> |
899 | | - </div> |
900 | | - <div class="span6"> |
901 | | - <h3>Why?</h3> |
902 | | - <p>If you used another filter to modify the array or string, you cannot look at its inherit properties. This allows you to get the length property.</p> |
903 | | - </div> |
904 | | - </div> |
905 | | - <h3>How?</h3> |
906 | | -<pre class="prettyprint linenums" ng-non-bindable> |
907 | | -<input ng-model="lengthFilter" placeholder="Filter the list"> |
908 | | -<p>There are {{(items | filter:lengthFilter).length}} items.</p> |
909 | | -<ul> |
910 | | - <li ng-repeat="value in items | filter:lengthFilter">{{value}}</li> |
911 | | -</ul> |
912 | | - |
913 | | -<script> |
914 | | -$scope.items = ['First','Second','Third','Fourth','Fifth']; |
915 | | -</script> |
916 | | -</pre> |
917 | | - </section> |
918 | | - |
919 | 884 | <section id="filters-highlight"> |
920 | 885 | <div class="page-header"> |
921 | 886 | <h1>Highlight</h1> |
@@ -953,7 +918,7 @@ <h3>What?</h3> |
953 | 918 | <label><input type="radio" value="variable" ng-model="inflectorType"> Variable</label> |
954 | 919 | </p> |
955 | 920 | <p><input placeholder="Enter some text to inflect" ng-model="inflectorText"></p> |
956 | | - <p>{{inflectorText|inflector:inflectorType}}</p> |
| 921 | + <!--<p>{{inflectorText|inflector:inflectorType}}</p>--> |
957 | 922 | </div> |
958 | 923 |
|
959 | 924 | <h3>How?</h3> |
|
0 commit comments