AngularFire - Ошибка: не удалось разрешить '#/tabpost' из состояния 'tabdash'

Question

Возможно, моя проблема кажется легкой для решения, но у меня есть эта проблема с тех пор, как много часов: когда я нахожусь в своей панели, все данные из моей базы данных Firebase видны (с Ng-repeat). Но я не могу найти решение для выбора одного конкретного элемента и посмотреть его данные на другой странице.

Я проверил этот метод выше, и у меня есть эта ошибка «Ошибка: не удалось разрешить« #/tabpost »из состояния« tabdash ».

Это HTML (Это пример):

<div ng-repeat="post in posts"> 

<div class="card" ui-sref="#/post/{id}"> 
<h1>{{post.title}}</h1> 
<p>{{post.content}}</p> 
</div> 

</div> 

В App JS:

.state('tabpost', { 
    url: 'tabpost/id', 
    templateUrl: 'templates/tab-post.html', 
    controller: 'PostCtrl' 
    }) 

В службе JS (в пост Factory):

myApp.factory("Post", ["$firebaseArray", "$firebaseObject", function($firebaseArray, $firebaseObject) { 
var postRef = new Firebase('https://myApp.firebaseio.com/Posts/'); 
var userRef = new Firebase('https://myApp.firebaseio.com/Users/'); 
var posts = $firebaseArray(postRef); 

    var Post = { 

     all: posts, 

     get: function (postKey){ 
      var postId = $firebaseObject(postRef); 
       return $firebaseObject(eventRef.child('Posts').child(postId).child(userid)); 

       } 
      , 
     add: function (post){ 
      var postId = $firebaseArray(postRef, userRef); 
      event.userid = userRef.getAuth(); 
       return postId.$add(post); 
       } 
     } 
     return Post; 

}]); 

Мои PostCtrl:

myApp.controller('PostCtrl', ['$ionicFrostedDelegate', '$ionicScrollDelegate','$state','$scope', 'Post', 'Auth', '$firebaseObject', '$firebaseArray', '$routeParams', function($ionicFrostedDelegate, $ionicScrollDelegate, $state,$scope, Post, Auth, $firebaseObject, $firebaseArray, $routeParams) { 

    var PostRef = new Firebase("https://myApp.firebaseio.com/Posts"); 

var id = $routeParams.id; //get the id from url, $routeParams is injected in controller 

    $state.go('tabpost', { 
    id: $scope.id 
    }); 

    $scope.posts = Post.get(id); //call get() method of Post with the id retrieved 

    $scope.post = {'title': '', 'content': ''}; 

    $scope.auth = Auth; 

PS: потребовалось 3 дня и ночи, чтобы попробовать кучу учебников, в основном устаревших, и я уверен, что решение не может быть таким простым.

Я уже опубликовал три похожих вопроса вчера и позже, но каждый из предлагаемых решений не сработал. Я был бы очень благодарен человеку, который помог бы мне выйти из этого тупика.

У меня все еще есть небольшая проблема с обещанием jsFiddle Я научусь использовать его, как только я решил эту проблему.

Спасибо за предоставленную мне время

Answer 1

Вам необходимо префикс для ваших имен переменных с двоеточием в URL вашего государства. Ваше состояние UI-маршрутизатор должен быть

.state('tabpost', { 
    url: 'tabpost/:id', 
    templateUrl: 'templates/tab-post.html', 
    controller: 'PostCtrl' 
    }); 

и вы должны ссылаться на него как

<div class="card" ui-sref="tabpost/{id}">