Javascript 在同一div中重复多个ng

我几乎在这里找到了答案（），我只需要一点帮助

我尝试使用ng repeat在同一个div中显示多个值。我遵循了上面链接中的答案，但我不知道在$scope中放什么。 到目前为止，什么也没有显示

这是我的JS：

    var app = angular.module('test', []);

app.controller('MainCtrl', function($scope) {
    var database = firebase.database();
    database.ref(`trips/${userid}/trips`).once('value') 


.then(photosSnap => {
    var photosObj = photosSnap.val();
    var tripName = Object.keys(photosObj).map(key => photosObj[key].name);
    var tripPhotoUrl = Object.keys(photosObj).map(key => photosObj[key].photourl);

 this.repeatData = tripName.map(function(value, index) {
return {
    data: value,
    value: tripPhotoUrl[index]
}
});

    $scope.repeatData = data;
    $scope.repeatData = value;

    $scope.$apply();

    console.log($scope);
}).catch(err => alert(err));

     });

和我的HTML：

 <div class="main" ng-app="test" ng-controller="MainCtrl">

    <div id="usertripinfo" ng-repeat="data in repeatData" style="background-image: url({{data.value}}); height: 300px; width: 600px;">

     {{data.data}}

    </div>

 </div>

{{data.data}

将结果分配给

$scope.repeatData

可在html文件中作为

repeatData

使用，请尝试以下操作：

var-app=angular.module（'test'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
var database=firebase.database（）；
database.ref（`trips/${userid}/trips`）。once（'value'）
。然后（photosSnap=>{
var photosObj=photosnap.val（）；
var tripName=Object.keys（photosObj）.map（key=>photosObj[key].name）；
var tripPhotoUrl=Object.keys（photoObj.map）（key=>photoObj[key].photourl）；
$scope.repeatData=tripName.map（函数（值，索引）{
返回{
数据：价值，
值：tripPhotoUrl[索引]
}
});
}).catch（err=>alert（err））；
});
我认为通过这样做，repeatData被值覆盖。这就是为什么你不能得到正确的价值

但是，如果既要数据也要值，则可以使用不同的键在对象中指定。
不能使用style=“background image:url（{data.value}}）；在您的视图中，像这样，改用ng类，您不直接将映射分配给$scope而不是这个吗？还有一个问题，我如何修改它以在同一范围内添加一个或多个变量？只需将变量名称添加为$scope中的键，例如
$scope.myVariable=5
将使
myVariable
在html中可用值为5。
   $scope.repeatData = data;
   $scope.repeatData = value;