Javascript “打开并创建新帖子”按钮不起作用
“提交帖子”按钮不起作用,用户名和“注销”按钮也不起作用。 也许有人能帮我做这个 F12和jsintrc没有显示任何有意义的内容 这是“创建新帖子”按钮的html,该按钮应指向newpost.html页面。Javascript “打开并创建新帖子”按钮不起作用,javascript,html,angularjs,ionic-framework,Javascript,Html,Angularjs,Ionic Framework,“提交帖子”按钮不起作用,用户名和“注销”按钮也不起作用。 也许有人能帮我做这个 F12和jsintrc没有显示任何有意义的内容 这是“创建新帖子”按钮的html,该按钮应指向newpost.html页面。 <ion-nav-bar></ion-nav-bar> <ion-nav-view> <ion-nav-bar></ion-nav-bar> <ion-view ng-controller="NavCtrl"
<ion-nav-bar></ion-nav-bar>
<ion-nav-view>
<ion-nav-bar></ion-nav-bar>
<ion-view ng-controller="NavCtrl">
<ion-nav-buttons side="left" type="bar-light" ng-submit="submitPost()">
<button class="button button-icon ion-compose" href='/tab/newpost'></button>
<button class="button-clear" href='/tab/posts'><b>MyApp</b></button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button-clear" href="#/users/{{ currentUser.username }}">
<img ng-src="http://www.gravatar.com/avatar/{{ currentUser.md5_hash }}"
class="nav-pic"/>{{ currentUser.username }}
</button>
<button class="button-clear" href="#/auth/login" ng-click="logout()">Logout</button>
</ion-nav-buttons>
app.controller('NavCtrl', function ($scope, $location, Post, Auth) {
$scope.post = {url: 'http://', title: ''};
$scope.submitPost = function () {
Post.create($scope.post).then(function (postId) {
$scope.post = {url: 'http://', title: ''};
$location.path('/posts/' + postId);
});
};
$scope.logout = function () {
Auth.logout();
};
});
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tab.newpost', {
url: '/newpost',
views: {
'tab-newpost':{
templateUrl: 'templates/tab-newpost.html',
controller: 'NavCtrl'
}
}
})
和app.js文件
<ion-nav-bar></ion-nav-bar>
<ion-nav-view>
<ion-nav-bar></ion-nav-bar>
<ion-view ng-controller="NavCtrl">
<ion-nav-buttons side="left" type="bar-light" ng-submit="submitPost()">
<button class="button button-icon ion-compose" href='/tab/newpost'></button>
<button class="button-clear" href='/tab/posts'><b>MyApp</b></button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button-clear" href="#/users/{{ currentUser.username }}">
<img ng-src="http://www.gravatar.com/avatar/{{ currentUser.md5_hash }}"
class="nav-pic"/>{{ currentUser.username }}
</button>
<button class="button-clear" href="#/auth/login" ng-click="logout()">Logout</button>
</ion-nav-buttons>
app.controller('NavCtrl', function ($scope, $location, Post, Auth) {
$scope.post = {url: 'http://', title: ''};
$scope.submitPost = function () {
Post.create($scope.post).then(function (postId) {
$scope.post = {url: 'http://', title: ''};
$location.path('/posts/' + postId);
});
};
$scope.logout = function () {
Auth.logout();
};
});
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tab.newpost', {
url: '/newpost',
views: {
'tab-newpost':{
templateUrl: 'templates/tab-newpost.html',
controller: 'NavCtrl'
}
}
})
...
使用ng单击
。但是我不知道在离子导航按钮中使用ng点击是个好主意。尝试在按钮或div上使用它
祝你好运 谢谢@bipin我也意识到了这一点。而且非常愚蠢,因为ng submit只提交而不创建新的输入页面。ng click在ion nav中工作正常,只是我需要一个新的控制器来打开页面,点击按钮。