2016-05-10 5 views
1

で応答からAngularJSと選択リストを読み込みます。は、私は私の選択リストを移入する属性が含まれているJSONでサーバー上の応答をダウンロードしたいJSON

angular.module('d3DemoApp',[]) 
    .controller('myCtrl',function($scope) { 
     $scope.notes = userService.getData(); 
     //Create and append select list 
     var selectList = document.createElement("select"); 
     selectList.setAttribute("id", "releaseFilter"); 
     myDiv.appendChild(selectList); 
     selectList.setAttribute("class", "form-control"); 
     selectList.setAttribute("onclick", "myFunction()"); 

     //Create and append the options 
     for (var i = 0; i < $scope.notes.length; i++) { 
      var option = document.createElement("option"); 
      option.setAttribute("value", array[i]); 
      option.text = $scope.notes[i]; 
      selectList.appendChild(option); 
     } 
}); 
:これは私のコントローラである

<div id="myDiv"> 

    <div ng-app="d3DemoApp"> 
    <div ng-controller="AppCtrl"> 
     <div ng-repeat="n in filters track by $index"> 
     {{n}} 
     </div> 
    </div> 
    </div> 

</div> 

:私はこの問題は私の属性ngのリピート上だと思う、私はAngularJSでそれをしたいと思って、私は角2 何も表示されません使用していますこれはPlunkerに問題のオンライン例である

app.service("userService",["$http", 
    function($http) { 
     _this = this; 
     this.getData = function() { 
     }, 
      $http.get('./dataOnServer.json'). // This adress is normally an HTTP adress which send me the JSON 
      success(function(data) { 
       return data; 
      }); 
    } 
]); 

これは、応答をダウンロードしてくださいサービスですhttps://plnkr.co/edit/du7sU8bhg2G3X7HckbV9?p=preview

私はあなたが、おかげで多くのことを私を助けることができることを願っています!

+0

あなたのPlunkerは動作しません。 – thepio

+0

はい問題のオンライン例です。 – Anonyme

答えて

1

私はあなたの範囲またはどこかで、そのような変数を定義していないときにfiltersを繰り返していることを指摘でしょうか?

<div id="myDiv"> 
    <div ng-app="d3DemoApp"> 
    <div ng-controller="AppCtrl"> 
     <div ng-repeat="n in notes track by $index"> 
     {{n}} 
     </div> 
    </div> 
    </div> 
</div> 

EDIT:

そして、あなたがこのような選択を行うことができます。

<select> 
    <option ng-repeat="n in notes">{{n.value}}</option> 
</select> 

そして、あなたのJSONが無効であるあなたは、おそらくそれはこのように行くだろう$scope.notesを繰り返す必要があります。これは、繰り返しのためのこのようにする必要があります:

[{value: "value 1"},{value: "value 2"},{value: "value 3"}] 
+0

選択が作成されますが、データはダウンロードされません。 Plunkerをチェックすることができます。あなたの助けをありがとう! – Anonyme

+0

は申し訳ありませんが、私はあなたが持っていたJSON値の種類を見てみませんでした。あなたの場合には{{}} n.value使用して、有効なJSONを設定する必要がありますように、しかし、私は私の答えを編集しました。私はちょうどより一般的な答えを最初に投稿しました。 – thepio

+0

私は同じ問題があります。しかし、私は質問があります。ノート "> {{n.something}}'に '

関連する問題