在很多html中顯示數據不能使用角度

我想在HTML中顯示數據。第一個HTML disc-log.html的樣子如下：在很多html中顯示數據不能使用角度

<div> 
    <h2>Discs</h2> 
    <jhi-alert></jhi-alert> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-xs-4 no-padding-left"> 
       <!--<button class="btn btn-primary" ui-sref="disc.new" >--> 
        <!--<span class="glyphicon glyphicon-plus"></span>--> 
        <!--<span >--> 
         <!--Create new Disc--> 
        <!--</span>--> 
       <!--</button>--> 
      </div> 
     </div> 
    </div> 
    <br/> 
    <div class="table-responsive"> 
     <table class="jh-table table table-striped"> 
      <thead> 
       <tr> 
        <!--<th><span>ID</span></th>--> 
        <th><span>Name</span></th> 
        <th><span>Connection</span></th> 
        <th></th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="disc in vm.discs track by disc.id"> 
        <!--<td><a ui-sref="disc-detail({id:disc.id})">{{disc.id}}</a></td>--> 
        <td>{{disc.name}}</td> 
        <td> 
         <a ui-sref="connection-detail({id:disc.connection.id})">{{disc.connection.userHost}}</a> 
        </td> 
        <td class="text-right"> 
         <div class="btn-group flex-btn-group-container"> 
          <button type="submit" 
            ui-sref="disc-detail({id:disc.id})" 
            class="btn btn-info btn-sm"> 
           <span class="glyphicon glyphicon-eye-open"></span> 
           <span class="hidden-sm-down"></span> 
          </button> 
          <!--<button type="submit"--> 
            <!--ui-sref="disc.edit({id:disc.id})"--> 
            <!--class="btn btn-primary btn-sm">--> 
           <!--<span class="glyphicon glyphicon-pencil"></span>--> 
           <!--<span class="hidden-sm-down"></span>--> 
          <!--</button>--> 
          <button type="submit" 
            ui-sref="disc.delete({id:disc.id})" 
            class="btn btn-danger btn-sm"> 
           <span class="glyphicon glyphicon-remove-circle"></span> 
           <span class="hidden-sm-down"></span> 
          </button> 
         </div> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div>

打開本網站後，顯示所有數據。但是當我將表格複製到另一個文件時，表格是空的。爲什麼？我應該添加一些東西在控制器或服務？

盤日誌控制器：

(function() { 
    'use strict'; 

    angular 
     .module('deviceManagerApp') 
     .controller('DiscLogController', DiscLogController); 

    DiscLogController.$inject = ['$scope', '$state', 'DiscLog']; 

    function DiscLogController ($scope, $state, DiscLog) { 
     var vm = this; 

     vm.discLogs = []; 

     loadAll(); 

     function loadAll() { 
      DiscLog.query(function(result) { 
       vm.discLogs = result; 
       vm.searchQuery = null; 
      }); 
     } 
    } 
})();

Github上庫： https://github.com/Ice94/DeviceManager

來源

2017-05-13 Ice

我想你把'NG-controller'在你的模板。 –

你能告訴我你解決這個問題嗎？是否可以添加一些標籤並在另一個HTML文件中顯示這些數據？ – Ice

你可以使用'directive'或'ng-template'來代替這個.. –

-1

在控制器，你在discLogs變量vm.discLogs = result;和累加的結果在HTML中使用的是光碟NG重複變量<tr ng-repeat="disc in vm.discs track by disc.id">

這就是爲什麼它沒有顯示任何東西嘗試使用相同的變量。

注："yourControllerName as vm"應該在你的NG-控制器屬性或在你的路由controllerAs: 'vm'如果使用路由器

來源

2017-05-13 16:16:55 prasad

在很多html中顯示數據不能使用角度

回答

相關問題