在单独的页面中显示 ng-repeat 的每个值答案

【问题标题】：display each value of ng-repeat in individual pages在单独的页面中显示 ng-repeat 的每个值
【发布时间】：2017-10-09 18:49:34
【问题描述】：

我正在开发 angularjs 应用程序。我有一个书面的角度控制器和一个服务调用，返回的结果是一个值列表。我想在每个网页中迭代时显示每个值，而不是在单个网页中显示值列表，如小提琴演示 here

示例 js 代码：

var app = angular.module('app', []);
app.controller('MyDataController', ['$scope', '$http', function ($scope, $http) {
    $scope.values = [1, 2,3];
    $scope.$watch('myValue', function (newValue, oldValue) {
        if (newValue !== oldValue) {
             return $http.get('../myUrl/'+newValue+'/').then(function(response){
                  // $scope.values = response.data;      
                 $scope.values = [ 1, 2, 3 ];
             });
        }
    });
}]);

如何在单个网页中显示ng-repeat="myData in values" 返回的每个单独的值。任何输入？

【问题讨论】：

“在单个网页中”是什么意思？打开单独的标签？在 iframe 的标签中显示多个网页？全屏显示数据，但全部显示在一个实际页面中？
在同一标签中显示多个页面。就像演示jsfiddle.net/csq6sh9j/11一样，我想在网页1中显示结果“在page1中显示这个值”，在page2中显示“在page2中显示这个值”，在page3中显示“在page3中显示这个值”。@GregL
目前还不清楚您所说的“在网页 1 中”是什么意思。你能模拟出你想要 UI 的样子吗？

标签： javascript html angularjs angularjs-ng-repeat

【解决方案1】：

这行得通吗？

var data = response.data
for(var i=0; i<data.length; i++){
    $scope.value.push(data[i]);
}

【讨论】：

【解决方案2】：

使用 $routeParams 通过路由传递值。

【讨论】：