|
2 | 2 |
|
3 | 3 | /**
|
4 | 4 | * @ngdoc directive
|
5 |
| - * @name angular.module.ng.$compileProvider.directive.ng:href |
| 5 | + * @name angular.module.ng.$compileProvider.directive.ng-href |
6 | 6 | *
|
7 | 7 | * @description
|
8 | 8 | * Using <angular/> markup like {{hash}} in an href attribute makes
|
9 | 9 | * the page open to a wrong URL, if the user clicks that link before
|
10 | 10 | * angular has a chance to replace the {{hash}} with actual URL, the
|
11 | 11 | * link will be broken and will most likely return a 404 error.
|
12 |
| - * The `ng:href` solves this problem by placing the `href` in the |
13 |
| - * `ng:` namespace. |
| 12 | + * The `ng-href` solves this problem by placing the `href` in the |
| 13 | + * `ng-` namespace. |
14 | 14 | *
|
15 | 15 | * The buggy way to write it:
|
16 | 16 | * <pre>
|
|
19 | 19 | *
|
20 | 20 | * The correct way to write it:
|
21 | 21 | * <pre>
|
22 |
| - * <a ng:href="http://www.gravatar.com/avatar/%7B%7Bhash%7D%7D"/> |
| 22 | + * <a ng-href="http://www.gravatar.com/avatar/%7B%7Bhash%7D%7D"/> |
23 | 23 | * </pre>
|
24 | 24 | *
|
25 | 25 | * @element ANY
|
|
29 | 29 | * This example uses `link` variable inside `href` attribute:
|
30 | 30 | <doc:example>
|
31 | 31 | <doc:source>
|
32 |
| - <input ng:model="value" /><br /> |
33 |
| - <a id="link-1" href ng:click="value = 1">link 1</a> (link, don't reload)<br /> |
34 |
| - <a id="link-2" href="" ng:click="value = 2">link 2</a> (link, don't reload)<br /> |
35 |
| - <a id="link-3" ng:href="http://github.com/%7B%7B'123'}}" ng:ext-link>link 3</a> (link, reload!)<br /> |
36 |
| - <a id="link-4" href="" name="xx" ng:click="value = 4">anchor</a> (link, don't reload)<br /> |
37 |
| - <a id="link-5" name="xxx" ng:click="value = 5">anchor</a> (no link)<br /> |
38 |
| - <a id="link-6" ng:href="http://github.com/%7B%7Bvalue%7D%7D" ng:ext-link>link</a> (link, change hash) |
| 32 | + <input ng-model="value" /><br /> |
| 33 | + <a id="link-1" href ng-click="value = 1">link 1</a> (link, don't reload)<br /> |
| 34 | + <a id="link-2" href="" ng-click="value = 2">link 2</a> (link, don't reload)<br /> |
| 35 | + <a id="link-3" ng-href="http://github.com/%7B%7B'123'}}" ng-ext-link>link 3</a> (link, reload!)<br /> |
| 36 | + <a id="link-4" href="" name="xx" ng-click="value = 4">anchor</a> (link, don't reload)<br /> |
| 37 | + <a id="link-5" name="xxx" ng-click="value = 5">anchor</a> (no link)<br /> |
| 38 | + <a id="link-6" ng-href="http://github.com/%7B%7Bvalue%7D%7D" ng-ext-link>link</a> (link, change hash) |
39 | 39 | </doc:source>
|
40 | 40 | <doc:scenario>
|
41 |
| - it('should execute ng:click but not reload when href without value', function() { |
| 41 | + it('should execute ng-click but not reload when href without value', function() { |
42 | 42 | element('#link-1').click();
|
43 | 43 | expect(input('value').val()).toEqual('1');
|
44 | 44 | expect(element('#link-1').attr('href')).toBe("");
|
45 | 45 | });
|
46 | 46 |
|
47 |
| - it('should execute ng:click but not reload when href empty string', function() { |
| 47 | + it('should execute ng-click but not reload when href empty string', function() { |
48 | 48 | element('#link-2').click();
|
49 | 49 | expect(input('value').val()).toEqual('2');
|
50 | 50 | expect(element('#link-2').attr('href')).toBe("");
|
51 | 51 | });
|
52 | 52 |
|
53 |
| - it('should execute ng:click and change url when ng:href specified', function() { |
| 53 | + it('should execute ng-click and change url when ng-href specified', function() { |
54 | 54 | expect(element('#link-3').attr('href')).toBe("/123");
|
55 | 55 |
|
56 | 56 | element('#link-3').click();
|
57 | 57 | expect(browser().window().path()).toEqual('/123');
|
58 | 58 | });
|
59 | 59 |
|
60 |
| - it('should execute ng:click but not reload when href empty string and name specified', function() { |
| 60 | + it('should execute ng-click but not reload when href empty string and name specified', function() { |
61 | 61 | element('#link-4').click();
|
62 | 62 | expect(input('value').val()).toEqual('4');
|
63 | 63 | expect(element('#link-4').attr('href')).toBe("");
|
64 | 64 | });
|
65 | 65 |
|
66 |
| - it('should execute ng:click but not reload when no href but name specified', function() { |
| 66 | + it('should execute ng-click but not reload when no href but name specified', function() { |
67 | 67 | element('#link-5').click();
|
68 | 68 | expect(input('value').val()).toEqual('5');
|
69 | 69 | expect(element('#link-5').attr('href')).toBe("");
|
70 | 70 | });
|
71 | 71 |
|
72 |
| - it('should only change url when only ng:href', function() { |
| 72 | + it('should only change url when only ng-href', function() { |
73 | 73 | input('value').enter('6');
|
74 | 74 | expect(element('#link-6').attr('href')).toBe("/6");
|
75 | 75 |
|
|
82 | 82 |
|
83 | 83 | /**
|
84 | 84 | * @ngdoc directive
|
85 |
| - * @name angular.module.ng.$compileProvider.directive.ng:src |
| 85 | + * @name angular.module.ng.$compileProvider.directive.ng-src |
86 | 86 | *
|
87 | 87 | * @description
|
88 | 88 | * Using <angular/> markup like `{{hash}}` in a `src` attribute doesn't
|
89 | 89 | * work right: The browser will fetch from the URL with the literal
|
90 | 90 | * text `{{hash}}` until <angular/> replaces the expression inside
|
91 |
| - * `{{hash}}`. The `ng:src` attribute solves this problem by placing |
92 |
| - * the `src` attribute in the `ng:` namespace. |
| 91 | + * `{{hash}}`. The `ng-src` attribute solves this problem by placing |
| 92 | + * the `src` attribute in the `ng-` namespace. |
93 | 93 | *
|
94 | 94 | * The buggy way to write it:
|
95 | 95 | * <pre>
|
|
98 | 98 | *
|
99 | 99 | * The correct way to write it:
|
100 | 100 | * <pre>
|
101 |
| - * <img ng:src="http://www.gravatar.com/avatar/%7B%7Bhash%7D%7D"/> |
| 101 | + * <img ng-src="http://www.gravatar.com/avatar/%7B%7Bhash%7D%7D"/> |
102 | 102 | * </pre>
|
103 | 103 | *
|
104 | 104 | * @element ANY
|
|
107 | 107 |
|
108 | 108 | /**
|
109 | 109 | * @ngdoc directive
|
110 |
| - * @name angular.module.ng.$compileProvider.directive.ng:disabled |
| 110 | + * @name angular.module.ng.$compileProvider.directive.ng-disabled |
111 | 111 | *
|
112 | 112 | * @description
|
113 | 113 | *
|
114 | 114 | * The following markup will make the button enabled on Chrome/Firefox but not on IE8 and older IEs:
|
115 | 115 | * <pre>
|
116 |
| - * <div ng:init="scope = { isDisabled: false }"> |
| 116 | + * <div ng-init="scope = { isDisabled: false }"> |
117 | 117 | * <button disabled="{{scope.isDisabled}}">Disabled</button>
|
118 | 118 | * </div>
|
119 | 119 | * </pre>
|
120 | 120 | *
|
121 | 121 | * The HTML specs do not require browsers to preserve the special attributes such as disabled.
|
122 | 122 | * (The presence of them means true and absence means false)
|
123 | 123 | * This prevents the angular compiler from correctly retrieving the binding expression.
|
124 |
| - * To solve this problem, we introduce ng:disabled. |
| 124 | + * To solve this problem, we introduce ng-disabled. |
125 | 125 | *
|
126 | 126 | * @example
|
127 | 127 | <doc:example>
|
128 | 128 | <doc:source>
|
129 |
| - Click me to toggle: <input type="checkbox" ng:model="checked"><br/> |
130 |
| - <button ng:model="button" ng:disabled="{{checked}}">Button</button> |
| 129 | + Click me to toggle: <input type="checkbox" ng-model="checked"><br/> |
| 130 | + <button ng-model="button" ng-disabled="{{checked}}">Button</button> |
131 | 131 | </doc:source>
|
132 | 132 | <doc:scenario>
|
133 | 133 | it('should toggle button', function() {
|
|
145 | 145 |
|
146 | 146 | /**
|
147 | 147 | * @ngdoc directive
|
148 |
| - * @name angular.module.ng.$compileProvider.directive.ng:checked |
| 148 | + * @name angular.module.ng.$compileProvider.directive.ng-checked |
149 | 149 | *
|
150 | 150 | * @description
|
151 | 151 | * The HTML specs do not require browsers to preserve the special attributes such as checked.
|
152 | 152 | * (The presence of them means true and absence means false)
|
153 | 153 | * This prevents the angular compiler from correctly retrieving the binding expression.
|
154 |
| - * To solve this problem, we introduce ng:checked. |
| 154 | + * To solve this problem, we introduce ng-checked. |
155 | 155 | * @example
|
156 | 156 | <doc:example>
|
157 | 157 | <doc:source>
|
158 |
| - Check me to check both: <input type="checkbox" ng:model="master"><br/> |
159 |
| - <input id="checkSlave" type="checkbox" ng:checked="{{master}}"> |
| 158 | + Check me to check both: <input type="checkbox" ng-model="master"><br/> |
| 159 | + <input id="checkSlave" type="checkbox" ng-checked="{{master}}"> |
160 | 160 | </doc:source>
|
161 | 161 | <doc:scenario>
|
162 | 162 | it('should check both checkBoxes', function() {
|
|
174 | 174 |
|
175 | 175 | /**
|
176 | 176 | * @ngdoc directive
|
177 |
| - * @name angular.module.ng.$compileProvider.directive.ng:multiple |
| 177 | + * @name angular.module.ng.$compileProvider.directive.ng-multiple |
178 | 178 | *
|
179 | 179 | * @description
|
180 | 180 | * The HTML specs do not require browsers to preserve the special attributes such as multiple.
|
181 | 181 | * (The presence of them means true and absence means false)
|
182 | 182 | * This prevents the angular compiler from correctly retrieving the binding expression.
|
183 |
| - * To solve this problem, we introduce ng:multiple. |
| 183 | + * To solve this problem, we introduce ng-multiple. |
184 | 184 | *
|
185 | 185 | * @example
|
186 | 186 | <doc:example>
|
187 | 187 | <doc:source>
|
188 |
| - Check me check multiple: <input type="checkbox" ng:model="checked"><br/> |
189 |
| - <select id="select" ng:multiple="{{checked}}"> |
| 188 | + Check me check multiple: <input type="checkbox" ng-model="checked"><br/> |
| 189 | + <select id="select" ng-multiple="{{checked}}"> |
190 | 190 | <option>Misko</option>
|
191 | 191 | <option>Igor</option>
|
192 | 192 | <option>Vojta</option>
|
|
209 | 209 |
|
210 | 210 | /**
|
211 | 211 | * @ngdoc directive
|
212 |
| - * @name angular.module.ng.$compileProvider.directive.ng:readonly |
| 212 | + * @name angular.module.ng.$compileProvider.directive.ng-readonly |
213 | 213 | *
|
214 | 214 | * @description
|
215 | 215 | * The HTML specs do not require browsers to preserve the special attributes such as readonly.
|
216 | 216 | * (The presence of them means true and absence means false)
|
217 | 217 | * This prevents the angular compiler from correctly retrieving the binding expression.
|
218 |
| - * To solve this problem, we introduce ng:readonly. |
| 218 | + * To solve this problem, we introduce ng-readonly. |
219 | 219 | * @example
|
220 | 220 | <doc:example>
|
221 | 221 | <doc:source>
|
222 |
| - Check me to make text readonly: <input type="checkbox" ng:model="checked"><br/> |
223 |
| - <input type="text" ng:readonly="{{checked}}" value="I'm Angular"/> |
| 222 | + Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/> |
| 223 | + <input type="text" ng-readonly="{{checked}}" value="I'm Angular"/> |
224 | 224 | </doc:source>
|
225 | 225 | <doc:scenario>
|
226 | 226 | it('should toggle readonly attr', function() {
|
|
238 | 238 |
|
239 | 239 | /**
|
240 | 240 | * @ngdoc directive
|
241 |
| -* @name angular.module.ng.$compileProvider.directive.ng:selected |
| 241 | +* @name angular.module.ng.$compileProvider.directive.ng-selected |
242 | 242 | *
|
243 | 243 | * @description
|
244 | 244 | * The HTML specs do not require browsers to preserve the special attributes such as selected.
|
245 | 245 | * (The presence of them means true and absence means false)
|
246 | 246 | * This prevents the angular compiler from correctly retrieving the binding expression.
|
247 |
| -* To solve this problem, we introduce ng:selected. |
| 247 | +* To solve this problem, we introduce ng-selected. |
248 | 248 | * @example
|
249 | 249 | <doc:example>
|
250 | 250 | <doc:source>
|
251 |
| - Check me to select: <input type="checkbox" ng:model="checked"><br/> |
| 251 | + Check me to select: <input type="checkbox" ng-model="checked"><br/> |
252 | 252 | <select>
|
253 | 253 | <option>Hello!</option>
|
254 |
| - <option id="greet" ng:selected="{{checked}}">Greetings!</option> |
| 254 | + <option id="greet" ng-selected="{{checked}}">Greetings!</option> |
255 | 255 | </select>
|
256 | 256 | </doc:source>
|
257 | 257 | <doc:scenario>
|
|
0 commit comments