Timeline + class directive example
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!trigger}}
Status: {{status}}
Active: {{trigger}}
Timeline + class + undo directive example
Animation 1 content
Animation 2 content status: {{ngiffedStatus}}
Toggle animation "active" binding to {{!triggerUndo}}
Toggle second animation visibility (ng-if) binding to {{!ifShow}}
Status: {{statusUndo}}
Animation 2
Active: {{triggerUndo}}
Timeline + custom-timeline
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!triggerCustom}}
Status: {{statusCustom}}
Active: {{triggerCustom}}
Timeline + custom-timeline + cat-undo
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!customUndo}}
Status: {{statusCustomUndo}}
Active: {{customUndo}}
Timeline + is-disabled + undo
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!isDisabledDemo}}
Toggle animation "disabled" binding to {{!isDisabled}}
Toggle second animation visibilirti binding to {{!showDisabled}}
Status: {{statusIsDisabledDemo}}
Active: {{isDisabledDemo}}
Timeline + custom-animation + is-disabled
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!isDisabledCustomDemo}}
Status: {{statusIsDisabledCustomDemo}}
Active: {{isDisabledCustomDemo}}
Timeline + cat-undo + is-disabled
Animation 1 content
Animation 2 content
Toggle animation "active" binding to {{!isDisabledUndoDemo}}
Status: {{statusIsDisabledUndoDemo}}
Active: {{isDisabledUndoDemo}}