mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
Input stuff
This commit is contained in:
@ -7,6 +7,8 @@ export * from 'ionic2/components/checkbox/checkbox'
|
||||
export * from 'ionic2/components/content/content'
|
||||
export * from 'ionic2/components/icon/icon'
|
||||
export * from 'ionic2/components/item/item'
|
||||
export * from 'ionic2/components/form/form'
|
||||
export * from 'ionic2/components/input/input'
|
||||
export * from 'ionic2/components/layout/layout'
|
||||
export * from 'ionic2/components/list/list'
|
||||
export * from 'ionic2/components/nav-pane/nav-pane'
|
||||
|
@ -11,7 +11,7 @@ import {NavViewport, View, Button, Input} from 'ionic2/ionic2'
|
||||
})
|
||||
@Template({
|
||||
url: 'pages/login.html',
|
||||
directives: [View, FormDirectives, Button]
|
||||
directives: [View, FormDirectives, Button, Input]
|
||||
})
|
||||
export class LoginPage {
|
||||
constructor( @Parent() viewport: NavViewport ) { //, fb: FormBuilder ) {
|
||||
@ -42,7 +42,7 @@ export class LoginPage {
|
||||
})
|
||||
@Template({
|
||||
url: 'pages/signup.html',
|
||||
directives: [View, FormDirectives, Button]
|
||||
directives: [View, FormDirectives, Button, Input]
|
||||
})
|
||||
export class SignupPage {
|
||||
constructor( @Parent() viewport: NavViewport ) { //, fb: FormBuilder ) {
|
||||
|
@ -4,7 +4,7 @@
|
||||
<input control="email" type="email" placeholder="Your email">
|
||||
</ion-input>
|
||||
<ion-input>
|
||||
<input control="password" type="email" placeholder="Your password">
|
||||
<input control="password" type="password" placeholder="Your password">
|
||||
</ion-input>
|
||||
<button ion-button stable block type="submit">Log in</button>
|
||||
<div>
|
||||
|
@ -1,17 +1,17 @@
|
||||
<ion-view nav-title="Signup" style="padding: 20px">
|
||||
<form (^submit)="doSignup($event)" [control-group]="signupForm">
|
||||
<ion-input>
|
||||
<input control="name" type="email" placeholder="Your name">
|
||||
<input control="name" type="text" placeholder="Your name">
|
||||
</ion-input>
|
||||
<ion-input>
|
||||
<input control="email" type="email" placeholder="Your email">
|
||||
</ion-input>
|
||||
<ion-input>
|
||||
<input control="password" type="email" placeholder="Your password">
|
||||
<input control="password" type="password" placeholder="Your password">
|
||||
</ion-input>
|
||||
<button ion-button stable block type="submit">Create account</button>
|
||||
<div>
|
||||
<button ion-button primary block (click)="doLogin()">Login in</button>
|
||||
<button ion-button primary block (click)="doLogin()">Log in</button>
|
||||
</div>
|
||||
</form>
|
||||
</ion-view>
|
||||
|
6
src/components/input/input.scss
Normal file
6
src/components/input/input.scss
Normal file
@ -0,0 +1,6 @@
|
||||
ion-input {
|
||||
display: block;
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
@ -37,6 +37,7 @@
|
||||
"components/content/content",
|
||||
"components/item/item",
|
||||
"components/form/form",
|
||||
"components/input/input",
|
||||
"components/layout/layout",
|
||||
"components/list/list",
|
||||
"components/modal/modal",
|
||||
|
Reference in New Issue
Block a user