4,500
edits
Angular 2: Difference between revisions
→@Component Annotation
| Line 9: | Line 9: | ||
@Component({ | @Component({ | ||
selector: 'demo-form-sku', | selector: 'demo-form-sku', | ||
directives: [FORM_DIRECTIVES] // a shorthand to several directives for forms | directives: [FORM_DIRECTIVES], // a shorthand to several directives for forms | ||
template: ` | |||
<div class="ui raised segment"> | |||
<h2 class="ui header">Demo Form: Sku</h2> | |||
<form #f="ngForm" | |||
(ngSubmit)="onSubmit(f.value)" | |||
classd="ui form"> | |||
<div class="field"> | |||
<label for="skuInput">SKU</label> | |||
<input type="text" | |||
id="skuInput" | |||
placeholder="SKU" | |||
ngControl="sku"> | |||
</div> | |||
<button type="submit class="ui button">Submit</button> | |||
</form> | |||
</div> | |||
` | |||
}) | |||
bootstrap(MyApp); | |||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
=== ControlGroup === | === ControlGroup === | ||