如何使用Angularjs和數據表在HTML表格

顯示數據我有如下我的HTML表格：如何使用Angularjs和數據表在HTML表格

<div> 
    <table datatable="" class="table table-condensed" id="listTable"> 
    <thead> 
     <tr> 
     <th>NAV ID</th> 
     <th>NAV DATE</th> 
     <th>DESCRIPTION</th> 
     <th>AMOUNT</th> 
     <th>ADMIN FEE</th> 
     <th>PURCHASE PRICE</th> 
     <th>POSTED BY</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="navs in navs"> 
     <td>{{navs.NAV_ID}}</td> 
     <td>{{navs.NAV_DATE}}</td> 
     <td>{{navs.DESCRIPT}}</td> 
     <td>{{navs.AMOUNT}}</td> 
     <td>{{navs.ADMIN_FEE}}</td> 
     <td>{{navs.P_PRICE}}</td> 
     <td>{{navs.STAFFNAME}}</td> 
     </tr> 
    </tbody> 
    </table> 
</div>

和我有js腳本來呈現在我的HTML表中的數據。我如何使用datatables插件和js文件。我使用下面的腳本太多加載到我的HTML頁面的值。值加載很好，但我堅持，當涉及到數據表中的

angular.module('CrudApp', []). 
config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
    when('/', { 
     templateUrl: 'assets/templates/list.html', 
     controller: ListCtrl 
    }). 
    when('/addNavs', { 
     templateUrl: 'assets/templates/addNewNav.html', 
     controller: AddCtrl 
    }). 
    otherwise({ 
     redirectTo: '/' 
    }); 
    } 
]); 

function ListCtrl($scope, $http) { 
    $http.get('api/getnavs').success(function(data) { 
    $scope.navs = data; 

    }); 
}

來源

2015-07-10 Ally

歡迎StackOverflow的..你創建自定義的指令，如果是的話也請分享代碼。 – Madhu

謝謝。我沒有創建一個自定義指令。 – Ally

ng-repeat =「導航導航」 - 不應該是「導航導航」？ – TimoSolo

謝謝大家的回答，他們給了我很好的想法來解決任務。我設法弄清楚如何去做。我從this得到了一個想法，我設法想出了適用於我的這段代碼。希望它可以幫助有相同問題的人 app.controller（'withOptionsCtrl'，withOptionsCtrl）; 功能withOptionsCtrl（$範圍，DTOptionsBuilder，DTColumnDefBuilder）{

$scope.dtOptions = DTOptionsBuilder.newOptions() 
    .withPaginationType('full_numbers') 
    .withDisplayLength(5) 
    .withDOM('pitrfl'); 
$scope.dtColumnDefs=[ 
DTColumnDefBuilder.newColumnDef(0), 
DTColumnDefBuilder.newColumnDef(1).notVisible, 
DTColumnDefBuilder.newColumnDef(2).notVisible, 
DTColumnDefBuilder.newColumnDef(3).notVisible, 
DTColumnDefBuilder.newColumnDef(4).notVisible, 
DTColumnDefBuilder.newColumnDef(5).notVisible, 
DTColumnDefBuilder.newColumnDef(6).notVisible 
];

}

來源

2015-07-17 09:52:18 Ally

你必須寫一個後端的Web服務的服務將直接與數據庫通信顯示數據。

$ http.get（ 'API/getnavs'）成功（功能（數據）{$ = scope.navs數據;

}）。

通過使用此服務調用從服務器檢索數據。您無法使用前端編程語言（如角JS）訪問數據庫。

但是前端數據庫像袋子DB有機會。

來源

2015-07-10 11:53:53

http://blog.brunoscopelliti.com/building-a-restful-web-service-with-angularjs-and-php-more-power-with-resource/ –

我有一個後端Web服務來獲取數據來自數據庫。我可以在HTML表格上顯示數據，但讓數據在jQuery數據表中給我一個很難的時間。 – Ally

如何使用Angularjs和數據表在HTML表格

回答

相關問題