直到今天早上，我才知道帕格是什么。但是，現在，它被用于我用于作業的主題中。遇到這種情況。
當前的 pug 檔案如下所示。
table#datatablesSimple
thead
tr
th Real Name
th SuperHero Name
th City
th Age
th Start date
th Crime Related Expenses
tfoot
tr
th Name
th Position
th Office
th Age
th Start date
th Salary
tbody
tr
td Tiger Nixon
td System Architect
td Edinburgh
td 61
td 2011/04/25
td $320,800
tr
td Garrett Winters
td Accountant
td Tokyo
td 63
td 2011/07/25
td $170,750
有沒有辦法使用一些隨機陣列用javascript填充這些資料。例如，假設我有一個這樣的陣列。后來，我總是可以撰寫一些簡單的 JavaScript 代碼來構建一個包含數百個名稱、位置等的集合。
但是，現在，讓我們以這個陣列為例。
let someStuff = [
{
name : "Bruce Wayne",
position : 'CEO',
city : 'Gotham City',
Age : '69',
Date : '2008/11/13',
Salary : '$183,000'
},
{
name : "Dick Grayson",
position : 'CFO',
city : 'Bludhaven',
Age : '59',
Date : '2008/11/13',
Salary : '$600,000'
}
];
我怎么能把這個陣列提供給上面的 pug 檔案？
原始 pug 檔案和我正在使用的其余代碼/主題/模板可在此處獲得 - https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/src/pug/pages/includes/資料表.pug
我看過這個問題，如何使用 Jade/Pug 動態填充單選按鈕，看起來很相似，但我無法理解如何將我的陣列包含到我的 pug 檔案中。
我只是嘗試將物件放入檔案中，就像這樣。
let someStuff = [
{
name : "Bruce Wayne",
position : 'CEO',
city : 'Gotham City',
Age : '69',
Date : '2008/11/13',
Salary : '$183,000'
},
{
name : "Dick Grayson",
position : 'CFO',
city : 'Bludhaven',
Age : '59',
Date : '2008/11/13',
Salary : '$600,000'
}
];
table#datatablesSimple
thead
tr
//rest of the code
這給出了一個錯誤。
[SB_WATCH] var err = new Error(fullMessage);
[SB_WATCH] ^
[SB_WATCH]
[SB_WATCH] Error: src\pug\pages\includes\datatable.pug:2:3
[SB_WATCH] 1| let someStuff = [
[SB_WATCH] > 2| {
[SB_WATCH] ---------^
[SB_WATCH] 3| name : "Bruce Wayne",
[SB_WATCH] 4| position : 'CEO',
[SB_WATCH] 5| city : 'Gotham City',
[SB_WATCH]
[SB_WATCH] unexpected text "{
uj5u.com熱心網友回復：
請注意 - 在單獨的行上。這將允許您在 pug 中初始化變數。
-
let someStuff = [
{
name : "Bruce Wayne",
position : 'CEO',
city : 'Gotham City',
Age : '69',
Date : '2008/11/13',
Salary : '$183,000'
},
{
name : "Dick Grayson",
position : 'CFO',
city : 'Bludhaven',
Age : '59',
Date : '2008/11/13',
Salary : '$600,000'
}
];
這將解決您的錯誤。
參考：多行寫pug陣列
此外，您可以迭代該陣列，如下所述：
tbody
each stuff in someStuff
tr
each val, key in stuff
td=val
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/467377.html
標籤：javascript 哈巴狗