Question

我在searchFactory的$scope.data中有一个数据（文件列表），现在我想在浏览器窗口中显示文件。我怎样才能完成这项任务？

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

声明$ scope.data = [];然后将其绑定到您的视图，因此任何更改都会反映更改。如下所示

＆＃13;

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});
    };
  
  });

＆＃13;

<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>

＆＃13;

只要你操作$ scope.data，视图就会被更新

如何在浏览器窗口中填充数据？

1 个答案: