テンプレートリテラルの関数

Question

私は（私は）服用しているクラスのためのToDoアプリケーションを作っています。実際に正しく呼び出される関数に問題があります。

jQueryでは、テンプレートリテラルを使用して個々のアイテムを追加しています。

$("#taskList").append(` 
       <div class="list-group-item"> 

        <h4 class="list-group-item-heading ${field.completed ? 'done' : ''}"> 
        ${field.task} 
        </h4> 
        <div class="buttons"> 
        ${field.completed 
         ? `<div class="delete"><i class="fa fa-trash"></i></div>` 
         : `<div class="complete" onclick="completeTask(${field._id})"> 
          <i class="fa fa-check"></i> 
         </div>` 
        } 
        </div> 
       </div> 
       `); 

と私は

function completeTask(task){ 
    console.log(task) // this is just for testing purposes 
} 

を示しており、私は今

field = { 
    completed: Boolean, 
    _id: String, 
    task: String, 
} 

として渡されているサーバーからのデータを持っている右のそれの後に機能を持っている、すべての時間I完全なボタンを選択すると、次のエラーメッセージが表示されます。 (index):1 Uncaught SyntaxError: Invalid or unexpected token。

そして、残念ながら、（インデックス）には何もありません：今<DOCTYPE html>

を除き、1、この種のものでも可能である、または私は何かが足りないのですか？

Answer 1

あなたがここに閉じ括弧が欠落している表示されます。

<div class="buttons"> 
    ${field.completed