164
rated 0 times
[
171]
[
7]
/ answers: 1 / hits: 105925
/ 10 Years ago, sun, august 3, 2014, 12:00:00
This is the error im having from Google Devt Tools. Anyone knows the problem? I tried to change in many times including the file structure and the stateProvider (no controllers for that) in app.js file but it does not seem to be the issue. (script is included in app.js with correct file name and directory)
In addition, my logout and submitPost buttons arent working as well.
newpost.html
<div class=modal slide-in-up ng-controller=NavCtrl>
<!-- Modal header bar -->
<header class=bar bar-header bar-secondary>
<button class=button button-clear button-primary ng-click=close()>Cancel</button>
<h1 class=title>New Shout</h1>
<button class=button button-positive ng-click=submitPost()>Done</button>
</header>
<!-- Modal content area -->
<ion-content class=padding has-header>
<form class ng-submit=submitPost() ng-show=signedIn()>
<div class=form-group>
<input type=text class=form-control placeholder=Title ng-model=post.title>
</div>
<div class=form-group>
<input type=text class=form-control placeholder=Link ng-model=post.url>
</div>
<button type=submit class=btn btn-default>Submit</button>
</form>
</ion-content>
</div>
controller.js file
app.controller('NavCtrl', function ($scope, $firebase, $location, Post, Auth, $ionicModal) {
$scope.post = {url: 'http://', title: ''};
// Create and load the Modal
$ionicModal.fromTemplateUrl('newpost.html', function(modal) {
$scope.taskModal = modal;
}, {
scope: $scope,
animation: 'slide-in-up'
});
// Open our new task modal
$scope.submitPost = function () {
Post.create($scope.post).then(function (postId) {
$scope.post = {url: 'http://', title: ''};
$location.path('/posts/' + postId);
$scope.taskModal.show();
});
};
$scope.close = function() {
$scope.taskModal.hide();
};
$scope.logout = function () {
Auth.logout();
};
});
List of items page, post.html
<ion-header-bar class=bar-positive ng-controller=NavCtrl>
<button class=button button-clear ng-click=submitPost()>New</button>
<h1 class=title><b><a class=navbar-brand href=#/posts>MyApp</a></b></h1>
<button class=button button-clear ng-click=logout()>Logout</button>
</ion-header-bar>
More From » html