2017-10-09 6 views
0

私はangularjsアプリケーションで作業しています。私は書かれた角度コントローラとサービスコールを持っています、返される結果は値のリストです。各Webページに反復の代わりに、フィドルデモでhere個々のページでng-repeatの各値を表示します

サンプルjsのコードを示すように、単一のWebページ内の値の一覧を表示しながら、私はそれぞれの値を表示したい:

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"によって返されました。

+0

「個別のウェブページで」とはどういう意味ですか?別のタブを開く?あなたのタブに複数のウェブページをiframeで表示していますか?データはフルスクリーンで表示されますが、実際のページにすべて表示されますか? – GregL

+0

は複数のページを同じタブに表示します。デモhttps://jsfiddle.net/csq6sh9j/11/の場合と同様に、Webページ1に「この値をページ1に表示」、ページ2に「この値を表示」、ページ3に「この値を表示」の結果を表示したい"3ページ目@GregL – user8727958

+0

" in webpage 1 "の意味はまだ分かりません。あなたはUIのように見せたいものをモックアップできますか? – GregL

答えて

0

これは機能しますか?

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

ルートで値を渡すために$ routeParamsを使用します。

関連する問題