私はテーブルを作りたいのチェックボックスとngのリピート（角JS）

と表に、このモデル（材料設計ライト）に基づいて：私のコードで私はテーブルを作りたいのチェックボックスとngのリピート（角JS）

https://getmdl.io/components/index.html#tables-section

、私はリストを持っており、

    <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"> 
         <thead> 
         <tr> 
          <th class="mdl-data-table__cell--non-numeric">Id. administrateurs</th> 
         </tr> 
         </thead> 
         <tbody> 
         <tr ng-repeat="admin in listAdmins"> 
          <td class="mdl-data-table__cell--non-numeric" ng-model="adminselected">{{admin}}</td> 
         </tr> 
         </tbody> 
        </table>

しかし、結果は、説明の例よりも同じではありません：私はNGリピートを使用することにより、次のように、それを表示しよう

わかりましたが、左側にチェックボックスはありません。理由はわかりません。

また、テーブルを作成する方法、ここで直接データを追加する方法はありますか？

実際、固定リストでは動作します。しかし、私の鉱山は、データベースの要求によって生成され、その値を変更することができます。私のlistadminは最初は空で、認証プロセスで完了しています。

出典

2017-05-26 Simon Girard

あなたはangle [ui-grid.info] – AMahajan

コードが正しく動作します。

<html ng-app="myApp"> 
    <head> 
    <!-- Material Design Lite --> 
    <script src="https://code.getmdl.io/1.3.0/material.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 

    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 
    <!-- Material Design icon font --> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
    <script> 
     angular.module('myApp', []).controller('MainController', ['$scope', function($scope){ 
     $scope.listAdmins = ['admin1', 'admin2', 'admin3']; 
     }]); 
    </script> 
    </head> 
    <body ng-controller="MainController as main"> 
     <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"> 
         <thead> 
         <tr> 
          <th class="mdl-data-table__cell--non-numeric">Id. administrateurs</th> 
         </tr> 
         </thead> 
         <tbody> 
         <tr ng-repeat="admin in listAdmins"> 
          <td class="mdl-data-table__cell--non-numeric" ng-model="adminselected">{{admin}}</td> 
         </tr> 

         </tbody> 
        </table>  
    </body> 
</html>

多少の誤差はありますか？あなたはブラウザコンソールを見ることができますか？

出典

2017-05-26 11:56:30

を使うことができます。モデルで例を実行すると動作しますが、ng-repeatでは動作しません。私のコンソールには問題ありません。 –

角度のコンパイル後に得られるhtmlは何ですか？ HTMLの結果が壊れている可能性がありますか？ –

このトピックに投稿した画面です。ノード/角度のコンパイル後に取得されます。 –

私はテーブルを作りたいのチェックボックスとngのリピート（角JS）

答えて

関連する問題