Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(600)

Side by Side Diff: third_party/pkg/angular/lib/directive/ng_style.dart

Issue 180873006: Update the Angular/DI tests to latest from github. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Review feedback Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 part of angular.directive; 1 part of angular.directive;
2 2
3 /** 3 /**
4 * The `ngStyle` directive allows you to set CSS style on an HTML element condi tionally. 4 * The `ngStyle` directive allows you to set CSS style on an HTML element
5 * conditionally.
5 * 6 *
6 * @example 7 * @example
7 <span ng-style="{color:'red'}">Sample Text</span> 8 * <span ng-style="{color:'red'}">Sample Text</span>
8 */ 9 */
9 @NgDirective( 10 @NgDirective(
10 selector: '[ng-style]', 11 selector: '[ng-style]',
11 map: const { 'ng-style': '@styleExpression'}) 12 map: const { 'ng-style': '@styleExpression'})
12 class NgStyleDirective { 13 class NgStyleDirective {
13 dom.Element _element; 14 final dom.Element _element;
14 Scope _scope; 15 final Scope _scope;
16 final AstParser _parser;
15 17
16 String _styleExpression; 18 String _styleExpression;
19 Watch _watch;
17 20
18 NgStyleDirective(this._element, this._scope); 21 NgStyleDirective(this._element, this._scope, this._parser);
19
20 Function _removeWatch = () => null;
21 var _lastStyles;
22 22
23 /** 23 /**
24 * ng-style attribute takes an expression which evaluates to an 24 * ng-style attribute takes an expression which evaluates to an
25 * object whose keys are CSS style names and values are corresponding valu es for those CSS 25 * object whose keys are CSS style names and values are corresponding values
26 * keys. 26 * for those CSS keys.
27 */ 27 */
28 set styleExpression(String value) { 28 set styleExpression(String value) {
29 _styleExpression = value; 29 _styleExpression = value;
30 _removeWatch(); 30 if (_watch != null) _watch.remove();
31 _removeWatch = _scope.$watchCollection(_styleExpression, _onStyleChange); 31 _watch = _scope.watch(_parser(_styleExpression, collection: true), _onStyleC hange);
32 } 32 }
33 33
34 _onStyleChange(Map newStyles) { 34 _onStyleChange(MapChangeRecord mapChangeRecord, _) {
35 dom.CssStyleDeclaration css = _element.style; 35 if (mapChangeRecord != null) {
36 if (_lastStyles != null) { 36 dom.CssStyleDeclaration css = _element.style;
37 _lastStyles.forEach((val, style) { css.setProperty(val, ''); }); 37 fn(MapKeyValue kv) => css.setProperty(kv.key, kv.currentValue == null ? '' : kv.currentValue);
38 }
39 _lastStyles = newStyles;
40 38
41 if (newStyles != null) { 39 mapChangeRecord
42 newStyles.forEach((val, style) { css.setProperty(val, style); }); 40 ..forEachRemoval(fn)
41 ..forEachChange(fn)
42 ..forEachAddition(fn);
43 } 43 }
44 } 44 }
45 } 45 }
OLDNEW
« no previous file with comments | « third_party/pkg/angular/lib/directive/ng_src_boolean.dart ('k') | third_party/pkg/angular/lib/directive/ng_switch.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698