帶鬍鬚的HTML中的自動列表JavaScript

Question

我試圖用鬍子渲染簡單的無序列表。

這是我的代碼：

var num = 0; 

document.addEventListener("DOMContentLoaded", function(event) { 
    var template = '<ul><li>{{name}}</li></ul>'; 
    var data = {name: 'nome' + num} 

    while (num < 6) 
    { 
     num++;      
     data = {name: 'nome' + num};    

    } 

輸出是：

• nome6

但我想創建自動與條件：

• nome1

• nome2

• nome3

• nome4

• nome5

• nome6

Answer 1

你的數據不是一個數組，如果你要打印的東西在您需要創建一個數組的循環在你的js中傳遞給模板。

查看：

{ 
    "beatles": [ 
     { "firstName": "John", "lastName": "Lennon" }, 
     { "firstName": "Paul", "lastName": "McCartney" }, 
     { "firstName": "George", "lastName": "Harrison" }, 
     { "firstName": "Ringo", "lastName": "Starr" } 
    ], 
    "name": function() { 
     return this.firstName + " " + this.lastName; 
    } 
} 

模板：

<ul> 
    {{#beatles}} 
     <li>{{name}}</li> 
    {{/beatles}} 
</ul>