2017-05-11 3 views
0

テーブルに新しい行を追加するにはどうしたらいいですか? jureを使用せずにAurelia.jsを使用します。Aurelia.jsテーブルに新しい行を追加する方法は? jqueryを使わないで

これはAurelia.jsで可能ですか? thebluefoxとして

export class App { 
 
    
 
}
<!doctype html> 
 

 
<html> 
 
    <head> 
 
    <title>Aurelia</title> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    </head> 
 
    <body aurelia-app> 
 
    <table> 
 
    <tr> 
 
    <td> 
 
     elem 1 
 
    </td> 
 
    <td> elem 2</td> 
 
    <td> elem 3</td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td> 
 
     <button type="button" class="btn btn-info">Add</button> 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
    <script src="https://jdanyow.github.io/rjs-bundle/node_modules/requirejs/require.js"></script> 
 
    <script src="https://jdanyow.github.io/rjs-bundle/config.js"></script> 
 
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/aurelia.js"></script> 
 
    <script src="https://jdanyow.github.io/rjs-bundle/bundles/babel.js"></script> 
 
    <script> 
 
     require(['aurelia-bootstrapper']); 
 
    </script> 
 
    </body> 
 
</html>

+3

それはありますが、あなたは非常に遠く離れたところで働いています。あなたは[aurelia.io](http://aurelia.io)で提供されているチュートリアルを経験しましたか? – Tom

答えて

2

あなたが働いて何かを持つから遠い道だ、と述べました。あなたはドキュメントを読んで、いくつかの基本を学ぶべきです。とにかく

は、あなたが探している答えは次のとおりです。

<tr repeat.for="item of items"> 
    <td>${item.property1}</td> 
    <td>${item.property2}</td> 
    <td>${item.property3}</td> 
    <td>${item.property4}</td> 
</tr> 

、あなたがitemsにオブジェクトを押すたびに、テーブルに新しい行が作成されます。

希望すると便利です。

関連する問題