Я пытаюсь показать только одну запись на одной странице, используя AngularJs и Firebase. Я пытаюсь использовать ng-href для показа одной записи, но она не работает.Как показать один элемент на странице AngularFire?
Это HTML код
<div class='box-footer box-comments' ng-repeat="article in articles">
<div class='box-comment'>
<!-- User image -->
<img class='img-circle img-sm' src='img/connections.png' alt='user image'>
<div class='comment-text'>
<span class="username">
{{article.title}}
<span class='text-muted pull-right'>8:03 PM Today</span>
</span><!-- /.username -->
{{article.post}}
<hr class="divider" />
<pre><code class="html">{{article.postCode}}</code></pre>
</div><!-- /.comment-text -->
</div><!-- /.box-comment -->
<div class='box-body'>
<!-- Social sharing buttons -->
<button class='btn btn-default btn-xs btn-flat'><i class='fa fa-share'></i> Share</button>
<button class='btn btn-default btn-xs btn-flat'><i class='fa fa-thumbs-o-up'></i> Like</button>
<button class="btn btn-default btn-xs btn-flat"><span class="glyphicon glyphicon-thumbs-up"></span></button>
<button class="btn btn-default btn-xs btn-flat"><span class="glyphicon glyphicon-star-empty"></span></button>
<!--<a class="btn btn-default btn-xs btn-flat" target="_blank" ng-href="#/show/?id={{article.$id}}"><span class="glyphicon glyphicon-share"></span></a>-->
<a class="btn btn-default btn-xs btn-flat" target="_blank" ng-href="#/show/?id={{article.$id}}"><span class="glyphicon glyphicon-share"></span></a>
<button class="btn btn-default btn-xs btn-flat" ng-click="editPost(article.$id)" data-target="#editModal"><span class="glyphicon glyphicon-pencil"></span> Edit weet</button>
<button class="btn btn-default btn-xs btn-flat" ng-click="confirmDelete(article.$id)" data-target="#deleteModal"><span class="glyphicon glyphicon-remove"></span> Delete</button>
<span class='pull-right text-muted'>45 likes - 2 comments</span>
</div><!-- /.box-body -->
<div class="box-footer"><small class="text-primary">Post written by <a><b>{{username}}</b></a> <small><img width="2%" src='img/user-list.png' alt='user image'></small> </small></div>
</div><!-- /.box-footer -->
Это контроллер я использую, чтобы показать один элемент,
angular.module('myApp.show', ['ngRoute'])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/show', {
templateUrl: 'showPost/show.html',
controller: 'showCtrl'
});
}])
.controller('showCtrl', ['$scope', '$firebase', 'CommonProp', '$location', function ($scope, $firebase, CommonProp, $location) {
//Code
$scope.username = CommonProp.getUser();
//$scope.profile = CommonProp.getUser();
//Create method for uploading profile picture.
if (!$scope.username) {
$location.path('/home');
}
var firebaseObj = new Firebase("https://crackling-inferno-2072.firebaseio.com/Articles");
var sync = $firebase(firebaseObj.startAt($scope.username).endAt($scope.username));
//var sync = $firebase(firebaseObj.startAt($scope.profile).endAt($scope.profile));
//var sync = $firebase(firebaseObj);
$scope.articles = sync.$asArray();
console.log(sync);
$scope.logout = function() {
CommonProp.logoutUser();
location.reload();
}
}]);
И это код сети, где мне нужно, чтобы показать на пункт из firebase.
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div ng-repeat="article in articles">
<h1>{{article.title}}</h1>
<p>{{article.post}}</p>
</div>
</body>
</html>
Помогло бы мне решить эту проблему. Спасибо заранее.
Что не работает? Вы видите несколько строк или вообще ничего? –
Я пытаюсь показать одну запись из Firebase на новой странице. Я пытался с ng-href, но он не работает. И, конечно, я не знаю, как это сделать. – Lanshore
Я понимаю, что он не работает - вот почему я спросил, что вы подразумеваете под словом «не работает». Вы видите ничего или больше строк, чем хотите? Я не уверен, что вы пытаетесь сделать с console.log (sync), но я бы начал с вставки console.log ($ scope.articles) там и посмотреть, что такое вывод. –