标签: templating

我正在尝试编写一个助手，它将返回一个可以循环的对象数组。这是我现在所拥有的：

Handlebars.registerHelper('testHelper', () => {
  return [
    { slug: 'Test', title: 'This is it!' },
    { slug: 'Test 2', title: 'This is the second it!' },
  ];
});

像这样使用它：

{{#entries this}}
  <a href="/{{slug}}">{{title}}</a>
{{/entries}}

我正在收到[object, Object]数组中的每个对象而不是单个值。请帮忙 ：）

谢谢！

我正在尝试使用 Vue.js 构建一个评论页面，它将采用一个对象数组，并在页面上为数组中的每个评论插入一个部分。它还应该显示相应的名称、评级、评论文本等。

以下代码已完成一半工作。数据已正确设置到 Vue，并且正在构建页面上的所有 div，但是插值不起作用。div 为空；数据未显示。

超文本标记语言

<div class="reviews-holder" id="review-holder">
    <div v-for="review of reviews" class="review-container">
        <div class="row border-bottom">
            <div class="col-sm-6 col-xs-12">
                <h5>{{ review.name }}</h5>
                <p>Reviewed on {{ review.time }}</p>
            </div>
            <div class="col-sm-6 col-xs-12">
                <div class="pull-right rating rating-header">
                    {{ review.rating }}
                </div>
            </div>
        </div>
        <h4>{{ review.title }}</h4>
        <span class="review-text">{{ review.review }}</span>
    </div>

JS

$(document).ready(function() {
    $.post("/api/getReviews", dto, function(res){
        if (res.ok) {
            console.log("res.res", res.res);

        var reviewsVue = new Vue({
                el: '#review-holder',
                data: {
                  reviews: res.res
                },
                components: {
                  VPaginator: VuePaginator
                }, …

我正在对存储在 yaml 文件中的一组内容执行循环，该文件概述了我页面的目录。对于循环中的第一项，我想向类添加一个“is-active”修饰符。所有其他物品不应收到此物品。'is-active' 类将导致我的手风琴打开/展开而不是关闭。

出于某种原因，我使用的语法不起作用。感谢您能给我的任何帮助。

模板.html

<!-- language: lang-html -->
<div class="grid-container leader-1">
  <div class="column-6 tablet-column-12">
    <aside class="js-accordion accordion tablet-hide" aria-role="complementary">
      {% for group in data.table_of_contents[section].navigation %}
      {% if group.hidden != true %}
      {% if loop.first == true %}
      <div class="accordion-section is-active">
      {% else %}
      <div class="accordion-section">
      {% endif %}
        <h4 class="accordion-title">
          <span class="accordion-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 32 32" class="svg-icon"><path d="M28 9v5L16 26 4 14V9l12 12L28 9z"/>
            </svg>
          </span>
          {{ group.group }}
        </h4>
        <!-- accordion-menu -->
        <div …

我想知道进行ajax调用以更新用户名列表的最佳选择是什么.我也可以

一个.做一个ajax调用并获取用户对象并构建html并将其附加到div中

build_html = function(obj) {
    html = 'username - ' + obj.username
    $('#container').append(html);
}

湾 做一个ajax调用并让django返回html.

response = render_to_response ('user_item_template.html', {'user' : user})
return response._container

如果响应成功,我将其附加到容器div.

使用方法'b'是否有任何缺点,因为根据情况构建javascript中的html可能会出现诸如非转义字符等问题,而且一般来说它只是杂乱无章.

谢谢

我正在创建一个"发布"的网站,表单内容保存在MySql数据库中,并在加载页面时检索,类似于facebook.我构建所有帖子并将原始html插入模板中.事情是,正如我测试的那样,我注意到我可以在表单中编写javascript或其他HTML并提交它,并且在重新加载时,html或JS将被视为源代码,而不是帖子.我认为一些简单的编码可以解决问题,但使用<form accept-charset="utf-8">不起作用.有没有一种有效的方法来防止这种类型的安全漏洞？

假设我有一个 freemarker 宏：

<#macro helloObject>
  World
</#macro>

在某些情况下，我可以轻松调用它：

Hello, <@helloObject/>!

但是插入它的语法是什么，例如，如果它是字符串的一部分？

<#assign greeting="Hello, <@helloObject>!"     /> <#-- doesn't work -->
<#assign greeting="Hello, ${helloObject}!"     /> <#-- doesn't work -->
<#assign greeting="Hello, ${@helloObject}!"    /> <#-- doesn't work -->
<#assign greeting="Hello, ${<@helloObject/>}!" /> <#-- doesn't work -->
<#assign greeting="Hello, @helloObject!"       /> <#-- doesn't work -->
${greeting}

我已经要求并安装了"illuminate/html":"~5.0",如下所示:http://laravel.com/docs/5.0/upgrade并将其添加到"提供者"和"别名"中.

问题是,我仍然得到:

FatalErrorException in 65ad332c3ff984a4112203ba0538718c line 23:
Class 'HTML' not found

我也尝试use Html;在控制器中"制作"视图和视图本身,但它没有帮助.我必须use在某个地方,或者它可能是什么,我做错了吗？

我需要这个来使用Html宏.

编辑: 似乎现在工作.我不得不Html在视图中使用而不是HTML