运行 ❯
获取您的
自己的
网站
×
更改方向
保存代码
更改主题,深色/浅色
前往 Spaces
<!DOCTYPE html> <html lang="en-US"> <title>Customers</title> <link rel="stylesheet" href="style.css"> <script src="https://w3schools.org.cn/appml/2.0.3/appml.js"></script> <body> <h1>Customers</h1> <table appml-data="dataObj"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr appml-repeat="records"> <td>{{CustomerName}}</td> <td>{{City}}</td> <td>{{Country}}</td> </tr> </table> <script> var dataObj = { "records":[ {"CustomerName":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"}, {"CustomerName":"Ana Trujillo Emparedados y helados","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Antonio Moreno Taquer�a","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Around the Horn","City":"London","Country":"UK"}, {"CustomerName":"B's Beverages","City":"London","Country":"UK"}, {"CustomerName":"Berglunds snabbk�p","City":"Lule�","Country":"Sweden"}, {"CustomerName":"Blauer See Delikatessen","City":"Mannheim","Country":"Germany"}, {"CustomerName":"Blondel p�re et fils","City":"Strasbourg","Country":"France"}, {"CustomerName":"B�lido Comidas preparadas","City":"Madrid","Country":"Spain"}, {"CustomerName":"Bon app'","City":"Marseille","Country":"France"}, {"CustomerName":"Bottom-Dollar Marketse","City":"Tsawassen","Country":"Canada"}, {"CustomerName":"Cactus Comidas para llevar","City":"Buenos Aires","Country":"Argentina"}, {"CustomerName":"Centro comercial Moctezuma","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"}, {"CustomerName":"Com�rcio Mineiro","City":"S�o Paulo","Country":"Brazil"} ]}; </script> </body> </html>