You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p><inputname="dateField" value="Click Here for Datepicker" ng-model="date" ui-date></p>
191
215
</ng-form>
192
-
<p>Selected Date: {{date}}</p>
216
+
<p>Selected Date: {{date}}</p>
193
217
<p>Formatted Date: {{ date | date: 'mediumDate'}}</p>
194
-
<p>Selected Month: {{date.getMonth()}}</p>
218
+
<p>Selected Month: {{date.getMonth()}}</p>
195
219
<divng-model="date" ui-date></div>
196
220
</div>
197
221
</div>
@@ -202,9 +226,9 @@ <h3>Why?</h3>
202
226
<h3>How?</h3>
203
227
<preclass="prettyprint linenums" ng-non-bindable>
204
228
<input ng-model="date" ui-date>
205
-
Selected Date: {{date}}
229
+
Selected Date: {{date}}
206
230
Formatted Date: {{ date | date: 'mediumDate'}}
207
-
Selected Month: {{date.getMonth()}}
231
+
Selected Month: {{date.getMonth()}}
208
232
<div ng-model="date" ui-date></div>
209
233
</pre>
210
234
</div>
@@ -219,7 +243,7 @@ <h1>Keypress</h1>
219
243
<divclass="span6">
220
244
<h3>What?</h3>
221
245
<p>Bind an event to a particular keypress</p>
222
-
<p><textareaui-keypress="{13:keypressCallback}">Type something in and hit [Enter]. Remember that this normally adds a new line in textareas</textarea></p>
246
+
<p><textareaui-keypress="{13:'keypressCallback($event)'}">Type something in and hit [Enter]. Remember that this normally adds a new line in textareas</textarea></p>
223
247
<h3>Why?</h3>
224
248
<p>Cuz you feel like it? Maybe I should stop doing the 'Why' sections, running out of explanations...</p>
225
249
</div>
@@ -228,11 +252,10 @@ <h3>How?</h3>
228
252
<p>The directive takes a hash (object) with the key code as the key and the callback function to fire as the value. The callback function takes an 'event' param</p>
229
253
<pclass="alert alert-info">Note that <strong>13</strong> represents the <code>RETURN</code> key code.</p>
<p>Adds an icon or link that empties the input element</p>
323
-
<p><inputvalue="Hover over me" ui-reset></p>
346
+
<p><inputng-model="resetModel" ui-reset></p>
324
347
</div>
325
348
<divclass="span6">
326
349
<h3>Why?</h3>
327
350
<p>Convenience?</p>
328
351
329
352
<h3>How?</h3>
330
-
<preclass="prettyprint" ng-non-bindable><input value="Hover over me" ui-reset></pre>
353
+
<preclass="prettyprint" ng-non-bindable>
354
+
<input ng-model="resetModel" ui-reset>
355
+
356
+
<script>
357
+
$scope.resetModal = 'Hover over me';
358
+
</script>
359
+
</pre>
331
360
</div>
332
361
</div>
333
362
</section>
@@ -341,7 +370,7 @@ <h1>Modal</h1>
341
370
<h3>What?</h3>
342
371
<p>Takes the twitter bootstrap modal and lets you assign an ng-model to it. You can open/close the modal any way you want: data-* attributes, or use elm.modal('show'), or whatever. The ng-model you give will always correspond to whether the modal is opened or not, and if you set it it will also change the modal.
<p>In angular, you are able to specify what the currency symbol is (however, you might not want to change it for localization).
570
+
This directive gives greater control over your currency elements by allowing you to set CSS styles based on the number's sign.
571
+
</p>
572
+
</div>
573
+
</div>
574
+
<divclass="row">
575
+
<divclass="span12">
576
+
<h3>How?</h3>
577
+
<p>This example shows how you can use <code>ui.config</code> for greater convenience. You can still pass the configuration as the expression (even in addition to <code>ui.config</code>).</p>
0 commit comments