feat(stepper): Create stepper button directives to enable adding buttons to stepper

[g1shin]

Allow users to add buttons rather than steppers containing buttons.

[jelbourn]

Add simple class description for both directives? Can just be something like

/** Button that moves to the next step in a stepper workflow. */

[jelbourn]

Instead of creating an _onClick handler, you can just do

host: {
  '(click)': '_stepper.next()',
}

(would have to make _stepper not private; just keep the underscore as it implies "internal"). Would condense the entire class down to

@Directive({
  selector: 'button[cdkStepperNext]',
  host: {'(click)': '_stepper.next()'}
})
export class CdkStepperNext {
  constructor(public _stepper: CdkStepper) { }
}

[g1shin]

Since the click handler doesn't seem to be inherited, I think it would be necessary to create the _onClick handler that the child directive can access.

[jelbourn]

I don't quite follow what you mean; even without the click handler being inherited, you can still directly have host: {'(click)': '_stepper.next()'}

[mmalerba]

_stepper is still a public member so you don't need _onClick

[jelbourn]

Does it work if you just do this?

@Directive({selector: 'button[mdStepperNext], button[matStepperNext]'})
export class  MdStepperNext extends CdkStepperNext { }

I thought the click handler would be inherited automatically and that the constructor wouldn't be necessary if MdStepper provides itself as CdkStepper

[g1shin]

angular/angular#18331
The click handler does not seem to be inherited automatically.

[g1shin]

Changes have been made based on review; ready for review again.

[g1shin]

Ready for review 👍

[jelbourn]

LGTM

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}