Javascript 如何在ionic中的两个页面之间导航
我正在使用ionic框架。我不知道如何在两个页面之间导航。我试图使用ionic使用侧菜单模板创建登录页面。下面是login.html的代码Javascript 如何在ionic中的两个页面之间导航,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我正在使用ionic框架。我不知道如何在两个页面之间导航。我试图使用ionic使用侧菜单模板创建登录页面。下面是login.html的代码 <ion-view view-title="Login"> <ion-header-bar> <h1 class="title">Login</h1> </ion-header-bar> <ion-content> <form ng-submit="doLogin()">
<ion-view view-title="Login">
<ion-header-bar>
<h1 class="title">Login</h1>
</ion-header-bar>
<ion-content>
<form ng-submit="doLogin()">
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label">Username</span>
<input type="text" placeholder="Email or Phone">
</label>
<label class="item item-input item-stacked-label">
<span class="input-label">Password</span>
<input type="text" placeholder="Password">
</label>
<label class="item">
<button class="button button-block button-positive" type="submit">Log in</button>
</label>
<label class="item">
<span class="input-label">New user?</span>
<a class="button ion-plus-round" href="#/app/signup">Signup</a>
</label>
</div>
</form>
</ion-content>
</ion-view>
我把登录按钮放在menu.html中,其他的都一样
<ion-item nav-clear menu-close href="#/app/login">
Login
</ion-item>
登录
当我在菜单中单击时,登录按钮起作用,但登录页面中的注册按钮不起作用。你能帮助我吗?我是爱奥尼亚和angularjs的新手删除属性“href”并添加ui sref=“app.Signup”。。。
希望它能解决这个问题
同样在路由配置中,更改视图对象名称“menuContent”以进行singup
.state('app.login', {
url: "/login",
views: {
'menuLogin': {
templateUrl: "templates/login.html",
controller: 'LoginCtrl'
}
}
})
.state('app.signup', {
url: '/signup',
views: {
'menuSingup': {
templateUrl: 'templates/signup.html',
controller: 'LoginCtrl'
}
}
})
删除属性“href”并添加ui sref=“app.signup”。。。
希望它能解决这个问题
同样在路由配置中,更改视图对象名称“menuContent”以进行singup
.state('app.login', {
url: "/login",
views: {
'menuLogin': {
templateUrl: "templates/login.html",
controller: 'LoginCtrl'
}
}
})
.state('app.signup', {
url: '/signup',
views: {
'menuSingup': {
templateUrl: 'templates/signup.html',
controller: 'LoginCtrl'
}
}
})
这应该会有帮助
<ion-view view-title="Login" name="loginView">
<ion-header-bar>
<h1 class="title">Login</h1>
</ion-header-bar>
<ion-content>
<form ng-submit="doLogin()">
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label">Username</span>
<input type="text" placeholder="Email or Phone">
</label>
<label class="item item-input item-stacked-label">
<span class="input-label">Password</span>
<input type="text" placeholder="Password">
</label>
<label class="item">
<button class="button button-block button-positive" type="submit">Log in</button>
</label>
<label class="item">
<span class="input-label">New user?</span>
<a class="button ion-plus-round" ui-sref="app.signup">Signup</a>
</label>
</div>
</form>
</ion-content>
</ion-view>
您的登录按钮
<ion-item nav-clear menu-close ui-sref="app.login">
Login
</ion-item>
登录
AngularJS和Ionic使用UI路由器。因此考虑使用<代码> UI sRIF属性。
这还有一个好处,例如,当您使用ui sref=“app.login”时,您的父状态仍然绑定到“app”。处理角度时不要使用href
。您有一个角度选项,即ng href
为注册页面添加
希望这有帮助这应该会有帮助
<ion-view view-title="Login" name="loginView">
<ion-header-bar>
<h1 class="title">Login</h1>
</ion-header-bar>
<ion-content>
<form ng-submit="doLogin()">
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label">Username</span>
<input type="text" placeholder="Email or Phone">
</label>
<label class="item item-input item-stacked-label">
<span class="input-label">Password</span>
<input type="text" placeholder="Password">
</label>
<label class="item">
<button class="button button-block button-positive" type="submit">Log in</button>
</label>
<label class="item">
<span class="input-label">New user?</span>
<a class="button ion-plus-round" ui-sref="app.signup">Signup</a>
</label>
</div>
</form>
</ion-content>
</ion-view>
您的登录按钮
<ion-item nav-clear menu-close ui-sref="app.login">
Login
</ion-item>
登录
AngularJS和Ionic使用UI路由器。因此考虑使用<代码> UI sRIF属性。
这还有一个好处,例如,当您使用ui sref=“app.login”时,您的父状态仍然绑定到“app”。处理角度时不要使用href
。您有一个角度选项,即ng href
为注册页面添加
希望这有帮助尝试
ng href=“#/app/signup”
而不是href=“#/app/signup”
并检查注册页面的结构。请确保您没有丢失任何
或
标记或将其关闭。请尝试将您的状态url更改为与hrefurl:'app/signup'
更改url不起作用此问题是否已解决?此问题已解决谢谢Vineshtryng href=“#/app/signup”
而不是href=“#/app/signup”
并检查注册页面的结构。请确保您没有丢失任何
或
标记或将其关闭。请尝试将您的状态url更改为与hrefurl:'app/signup'
更改url不起作用此问题是否已解决?此问题已解决谢谢Vineshtryng href=“#/app/signup”
而不是href=“#/app/signup”
并检查注册页面的结构。请确保您没有丢失任何
或
标记或将其关闭。请尝试将您的状态url更改为与hrefurl相同:“应用程序/注册”
更改url无效此问题是否已解决?此问题已解决谢谢Vinesh我应该将loginView或signupView保留在何处?在登录页面中添加“`注册页面。。希望这有帮助。我推荐,也看看这个。您可以按照上面提到的方法进行操作。我的意思是,在登录页面中更改
,在注册页面中更改
。我应该在哪里保留loginView或signupView?在登录页面中添加``并在注册页面中添加`。。希望这有帮助。我推荐,也看看这个。您可以按照上面提到的方法进行操作。我的意思是,在登录页面中更改
,在注册页面中更改
。我应该在哪里保留loginView或signupView?在登录页面中添加``并在注册页面中添加`。。希望这有帮助。我推荐,也看看这个。你可以遵循上面提到的方法我是说,更改登录页面中的
和注册页面的
。我应该在哪里保留menuLogin或menuSignup视图?我应该在哪里放置menuSignup或菜单登录视图?我应该在哪里放置menuLogin或menuSignup视图?我应该在哪里保留menuLogin或menuSignup视图?我应该在哪里放置菜单登录视图还是菜单登录视图?