2017-05-11 2 views
0

Wie kann ich eine neue Zeile in einer Tabelle hinzufügen? Verwenden von Aurelia.js ohne Verwendung von jquery.Aurelia.js Wie füge ich eine neue Zeile in eine Tabelle ein? ohne Verwendung jquery

wird möglich tun dies nur mit Aurelia.js?

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

Es ist, aber Sie sind unglaublich weit weg von etwas arbeiten. Hast du die Tutorials auf [aurelia.io] (http://aurelia.io) durchgemacht? – Tom

Antwort

2

Da die thebluefox sagte, du weit weg bist von etwas Arbeits haben. Sie sollten die Dokumente lesen und einige Grundlagen lernen.

Wie auch immer, die Antwort, die Sie suchen sind ist:

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

nun jedes Mal, wenn Sie ein Objekt in items drücken, wird eine neue Zeile in der Tabelle erstellt.

Hoffe, das hilft!

Verwandte Themen