Wie können Daten im Browserfenster gefüllt werden?

Question

Ich habe eine Daten (Liste von Dateien) in $scope.data von searchFactory, Jetzt möchte ich Dateien im Browserfenster anzeigen. Wie kann ich diese Aufgabe erreichen?

ctrl.js

$scope.serverFiles = function(){  
    $window.open($scope.data = angular.copy(searchFactory.getDitLogs())); 
    console.log("got function working",$scope.data); 
}; 

main.html

<button 
    type="button" 
    class="btn btn-info btn-lg" 
    ng-click="serverFiles()" 
    style="margin-left: 10px"> 
    <span class="glyphicon glyphicon-folder-close"></span> 
</button> 

Answer 1

erklären $ scope.data = []; dann binden Sie es an Ihre Ansicht, so dass jede Änderungen die Änderungen widerspiegelt. das ist wie dies unter

angular.module("app", []) 
 
.controller('main', function($scope){ 
 
    $scope.data = []; 
 
    
 
    $scope.serverFiles = function(){ 
 
    //dummy record 
 
    for(i=0;i<10; i++) 
 
     $scope.data.push({sn:(i+1),name:'name of file'+i, file:'file info'+i}); 
 
    }; 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app"> 
 
    
 
    <div ng-controller="main"> 
 
<ul> 
 
<li ng-repeat = "info in data"><strong>{{info.sn}}</strong> {{info.name}} </li> 
 
</ul> 
 

 
<button ng-click="serverFiles()">Fetch Record</button> 
 
    </div> 
 
    
 
    </div>

jederzeit manipulieren Sie die $ scope.data die Ansicht aktualisiert werden würde