GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 12:51:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix links in angular example

Browse Source
This commit is contained in:
igor-dv 2018-02-25 17:34:02 +02:00
parent ea89ef2617
commit f8ed69225a
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/angular/src/demo/welcome.component.ts
View File

@ -1,4 +1,4 @@
import { Component } from '@angular/core';
import { Component, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'storybook-welcome-component',
@ -15,7 +15,7 @@ import { Component } from '@angular/core';
(Basically a story is like a visual test case.)
</p>
<p>
See these sample <a (click)="showApp();" role="button" tabIndex="0">stories</a> for a component called
See these sample <a (click)="showApp.emit($event);" role="button" tabIndex="0">stories</a> for a component called
<span class="inline-code">Button</span> .
</p>
<p>
@ -77,5 +77,5 @@ import { Component } from '@angular/core';
],
})
export default class WelcomeComponent {
displayName = 'Welcome';
@Output() showApp = new EventEmitter<any>();
}

7
examples/angular-cli/src/stories/index.ts
View File

@ -1,10 +1,13 @@
import { storiesOf } from '@storybook/angular';
import { Welcome, Button } from '@storybook/angular/demo';
import { moduleMetadata } from '@storybook/angular';
import { linkTo } from '@storybook/addon-links';
storiesOf('Welcome', module).add('to Storybook', () => ({
template: `<storybook-welcome-component></storybook-welcome-component>`,
props: {},
template: `<storybook-welcome-component (showApp)="showApp()"></storybook-welcome-component>`,
props: {
showApp: linkTo('Button'),
},
moduleMetadata: {
declarations: [Welcome],
},