Javascript 角度射击,重复
我有下面的代码,显示发布到Firebase的内容Javascript 角度射击,重复,javascript,html,firebase,angularfire,Javascript,Html,Firebase,Angularfire,我有下面的代码,显示发布到Firebase的内容 var app = angular.module("myapp", ["firebase"]); function MyController($scope, $firebase) { var ref = new Firebase("....."); $scope.messages = $firebase(ref.endAt().limit(100)); } <div ng-app="myapp"> &
var app = angular.module("myapp", ["firebase"]);
function MyController($scope, $firebase) {
var ref = new Firebase(".....");
$scope.messages = $firebase(ref.endAt().limit(100));
}
<div ng-app="myapp">
<div id="links" ng-controller="MyController">
<a ng-repeat="msg in messages" href="{{msg.highResUrl}}" data-gallery>
<img src="{{msg.imgUrl}}" style="width: 140px"/>
<!--This repeat isn't working-->
<ul>
<li ng-repeat="tag in msg.tags">{{tag}}</li>
</ul>
</a>
</div>
</div>
除内部ng repeat on标记外,所有其他数据都有效。有什么想法吗
谢谢看看这个。它似乎适用于某些夹具数据
测试数据:
$scope.messages = [{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : ""
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
}];
消息是数组吗?你能试试$index的消息跟踪中的
消息吗。。。什么不起作用?内部ng重复做什么?有什么错误吗?只要将提供的数据输入Firebase,我就可以了-
$scope.messages = [{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : ""
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
},
{
"highResUrl" : "",
"Source" : "",
"title" : "Img",
"tags" : [ "Tag1", "Tag2", "Tag3", "Tag4" ],
"imgUrl" : "http://devgirl.org/wp-content/uploads/2013/03/angular-logo.jpeg"
}];