exemple de base ngTable ne fonctionne pas

https://plnkr.co/edit/z7I2zewXwvovZ8023rHm?p=preview exemple de base ngTable ne fonctionne pas

S'il vous plaît aidez-moi cet exemple ngTable dans le plnkr ci-dessus. Je ne suis pas en mesure d'afficher la table et quand je vois le journal de la console il y a une erreur d'élément unique pour le modèle.

Code

: script.js

angular.module("myApp", ["ngTable"]); 
angular.module('myApp') 
.controller('myCtrl',function($scope,NgTableParams){ 
var self = this; 
var data = [{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name:"Moroni", age: 50}]; 
self.tableParams = new NgTableParams({}, { data: data}); 
});

index.html

<body ng-app="myApp" controller="myCtrl as vm"> 
{{8+7}} 
<table ng-table="tableParams" class="table" show-filter="true"> 
    <tbody> 
    <tr ng-repeat="user in $data"> 
     <td title="'Name'" filter="{ name: 'text'}" sortable="'name'"> 
     {{user.name}}</td> 
     <td title="'Age'" filter="{ age: 'number'}" sortable="'age'"> 
     {{user.age}}</td> 
    </tr> 
    </tbody> 
</table>

Source

2016-09-27 niraj17

-1

essayer celui-ci

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]" data-semver="1.2.0" src="https://code.angularjs.org/1.2.0/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    <link rel="stylesheet" href="https://cdn.rawgit.com/esvit/ng-table/1.0.0/dist/ng-table.min.css"> 
<script src="https://cdn.rawgit.com/esvit/ng-table/1.0.0/dist/ng-table.js"></script> 
    <script> 
    // Code goes here 

angular.module("myApp", ["ngTable"]) 
.controller('myCtrl',function($scope,NgTableParams){ 
    var self = this; 
    var data = [{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name: "Moroni", age: 50}]; 
self.tableParams = new NgTableParams({}, { dataset: data}); 
}); 
    </script> 

    </head> 

    <body ng-app="myApp" ng-controller="myCtrl as vm"> 
    {{8+7}} 
    <table ng-table="vm.tableParams" class="table" show-filter="true"> 
     <tbody> 
     <tr ng-repeat="user in $data"> 
      <td title="'Name'" filter="{ name: 'text'}" sortable="'name'"> 
      {{user.name}}</td> 
      <td title="'Age'" filter="{ age: 'number'}" sortable="'age'"> 
      {{user.age}}</td> 
     </tr> 
     </tbody> 
    </table> 
    </body> 

</html>

Source

2016-09-27 02:09:34

L'ordre dans lequel vous faites référence les scripts sont mal, script.js devrait se charger après le chargement du ng table

<div class="container"> 
    <table ng-table="vm.tableParams" class="table" show-filter="true"> 
     <tr ng-repeat="user in $data"> 
      <td title="'Name'" filter="{ name: 'text'}" sortable="'name'"> 
       {{user.name}}</td> 
      <td title="'Age'" filter="{ age: 'number'}" sortable="'age'"> 
       {{user.age}}</td> 
     </tr> 
    </table> 
</div>

WORKING DEMO

Source

2016-09-27 02:33:38 Sajeetharan

exemple de base ngTable ne fonctionne pas

Répondre

Questions connexes