MaterialIconToggleDirective class

Adds a second icon to MaterialIconComponent that can be toggled on and off.

See https://www.google.cn/design/icons/ for available icons. If the icon name contains spaces, replace them with underscores.

The following css selectors can be used to target the icons for stylign in various states:

  • .basic-icon -- Standard icon displayed when not in the toggled state.
  • .toggled-icon -- Toggle icon displayed when in the toggled state.
  • .hide-icon -- No icon when in a toggled state that doesn't have an icon.
Annotations
  • @Directive.new(selector: 'material-icon[toggle]')

Constructors

MaterialIconToggleDirective(ChangeDetectorRef _cdRef, MaterialIconComponent iconRef)

Properties

hashCode → int
The hash code for this object.
no setterinherited
hideIcon → bool
no setter
icon ↔ dynamic
The Icon model (third_party.dart_src.acx.model.ui.Icon) or icon identifier (String) to display.
getter/setter pair
iconRef ↔ MaterialIconComponent
getter/setter pair
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
showBasic → bool
no setter
showToggled → bool
no setter
toggle ↔ bool
The toggled state of this icon.
getter/setter pair
toggledIcon ↔ dynamic
The Icon model (third_party.dart_src.acx.model.ui.Icon) or icon identifier (String) to display.
getter/setter pair

Methods

ngAfterChanges() → void
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited