Javascript Var renderTemplate函数问题-客户端把手问题

我很抱歉，但是，我还没有找到解决我问题的答案。我对车把很在行，在论坛上我不知道如何解决下面的错误信息。我正在尝试为一个html5移动应用程序添加一个编辑功能，该应用程序取自视频教程。车把似乎需要一根绳子，但我不确定我应该把这根绳子放在哪里。我经常遇到的错误是：未捕获错误：必须将字符串或handlebar AST传递给handlebar.compile。你未定义地通过了考试。我觉得renderTemplate函数不正确，因为我缺少了parens和磅符号。然而，当我尝试添加paren和tagtargetTemplate时，我仍然会得到未捕获的错误。有人能澄清一下我是否遗漏了一些额外的步骤。如蒙协助，将不胜感激。我没有提供完整的html，但是如果您需要它来更好地理解，我会提供

<script id='full-list-template' type="text/x-handlebars-template">
        <div class="list-group">
            {{#each beers}}
            <a data-item={{id}} data-target="#item-detail" href="#" class="list-group-item view-switcher">{{title}}</a>
            {{/each}}
        </div>
    </script>


    <script id="item-detail-template" type="text/x-handlebars-template">
        <h3>Add Item</h3>
        <div class="list-group">
            <p id="show-title" class="list-group-item">{{title}}</p>
            <p id="show-description" class="list-group-item">{{description}}</p>
            <p id="show-image" class="list-group-item">
                <span class="label">Image</span>
                <img src="">
                </p>
            <p id="show-location" class="list-group-item">Current Location: Lat {{location.latitude}}, Long {{location.longitude}}</p>
        </div>

        <p>
            <button data-target="#full-list" id="back-to-list" class="btn btn-lg-default view-switcher">Back to List</button>
            <button data-item={{id}} data-target="edit-item" id="edit-item" class="btn btn-lg-default pull-right view-switcher">Edit</button>
        </p>
    </script>
    <script id="add-item-template" type="text/x-handlebars-template">
        <h3>Add Item</h3>
        <form id="add-form" role="form" >
            <div class="form-group">
                <label for="title">Title</label>
                <input class="form-control" id="title" name="title" type="text"> 
            </div>
            <div class="form-group">
                <label for="title">Description</label>
                <textarea class="form-control" id="description" name="description"></textarea> 
            </div>
            <div class="form-group clearfix">
                <button id="transcribe" class="btn btn-lg btn-info pull-right">Transcribe</button>
            </div>
            <div class="form-group clearfix">
                <button id="upload-photo" class="btn btn-lg btn-success pull-right">Upload A Photo</button>
            </div>
            <div class="form-group">
                <p><strong>Current Location: Lat 37, Long 122</strong></p>
            </div>
            <div class="form-group">
                <button data-target="#full-list" id="cancel-add-item" class="btn btn-lg btn-default pull-left view-switcher">Cancel</button>

                <button id="submit-add-item" class="btn btn-lg btn-primary pull-right">Submit</button>
            </div>
        </form>
    </script>

<script id="edit-item-template" type="text/x-handlebars-template">
        <h3>Edit Item</h3>
        <form id="edit-form" role="form">  
            <input type="hidden" name="id" value="{{id}}" />
            <div class="form-group">
                <label for="title">Title</label>
                <input class="form-control" id="title" name="title" type="text" value={{title}}> 
            </div>
            <div class="form-group">
                <label for="title">Description</label>
                <textarea class="form-control" id="description" name="description">{{description}}</textarea> 
            </div>
            <div class="form-group clearfix">
                <button id="transcribe" class="btn btn-lg btn-info pull-right">Transcribe</button>
            </div>
            <div class="form-group clearfix">
                <button id="upload-photo" class="btn btn-lg btn-success pull-right">Upload A Photo</button>
            </div>
            <div class="form-group">
                <p><strong>Current Location: Lat 37, Long 122</strong></p>
            </div>
            <div class="form-group">
                <button data-target="#full-list" id="cancel-add-item" class="btn btn-lg btn-default pull-left view-switcher">Cancel</button>

                <button data-target="#full-list" id="edit-item" class="btn btn-lg btn-primary pull-right">Submit</button>
            </div>
        </form>
    </script>

---

在项目详细信息模板中，“提交”按钮在数据目标中缺少符号

<button data-item={{id}} data-target="#edit-item" id="edit-item" class="btn btn-lg-default pull-right view-switcher">Edit</button>

---

我刚开始做同样的视频教程，我被困在同一个地方。我的问题是无法获取本地存储来保存编辑。我注册了，为这个问题创建了一个问题。在我提出我自己的问题之前找到了你的问题。我希望这有助于回答这个问题，即使是在你发布一年后：

我认为targettemplate应该是这样的：var targettemplate=+target+'-template“如果你把alertsource；就在车把前。编译资源；？C.O.，当我使用时，我的列表不再可见。；S.A.当我使用alert时，我通过grunt得到的响应与使用哈希标记时得到的响应相同。不起作用。还有其他想法吗？

<button data-item={{id}} data-target="#edit-item" id="edit-item" class="btn btn-lg-default pull-right view-switcher">Edit</button>