2015-12-04 28 views
0

我做的電子郵件發展這個咕嚕環境:https://github.com/leemunroe/grunt-email-workflow{{#unless @Last}}不工作在裝配

我得的是,在-它們之間有一個管道一行鏈接。當然,我不希望在最後一個環節的管道。

這是應該工作,但(從here):

{{#each page.footer.service_link }} 
    <a href="{{ link }}" style="text-decoration:none;">{{ name }}</a> 
    {{#unless @last}} 
    &nbsp;|&nbsp; 
    {{/unless}} 
{{/each}} 

我檢查的版本號,它應該與安裝版本。

如果我嘗試這樣:

{{#each page.footer.service_link }} 
    {{#unless @last}} 
    <a href="{{ link }}" style="text-decoration:none;">{{ name }}</a>&nbsp;|&nbsp; 
    {{/unless}} 
    <a href="{{ link }}" style="text-decoration:none;">{{ name }}</a>&nbsp; 
{{/each}} 

結果變成:

LINK 1 | LINK 1 LINK 2 | 。 。 。 | LINK 4 LINK 5 | LINK 5

(注意結尾沒有管)

這是我的解決方案是什麼,但我並不滿足於它,因爲它要求我額外的鍵添加到我的YML文件:

{{#each page.footer.service_link }} 
    <a href="{{ link }}" style="text-decoration:none;">{{ name }}</a> 
    {{#if pipe}} 
    &nbsp;|&nbsp; 
    {{else}} 
    &nbsp; 
    {{/if}} 
{{/each}} 

這是我有我的陽明文件設置方式:我在做什麼損失

footer: 
    service_link: 
    - name: "LINK 1" 
     link: "#" 
     pipe: true 
    - name: "LINK 2" 
     link: "#" 
     pipe: true 
    - name: "LINK 3" 
     link: "#" 
     pipe: true 
    - name: "LINK 4" 
     link: "#" 
     pipe: true 
    - name: "LINK 5" 
     link: "#" 
     pipe: false 

。因爲它是電子郵件的開發者,所以我只限於我可以用CSS做什麼。 (感謝Outlook和Gmail ......)看起來#unless正在工作,因爲管道被放入,但@last並未阻止最後一個被渲染。這是我第一次使用yaml,但即使我嘗試將它放入json格式,我也遇到了同樣的問題。儘管如此,我對這個環境仍然有些陌生。

回答

0

是好像@last不會在你的版本正常工作(如果是這樣,你的第二個例子應該只有一個LINK 5

你可以嘗試@index並切換到之前刪除元素第一個指標:

{{#each page.footer.service_link}} 
    {{#if @index}} | {{/if}} 
    <a href="{{ link }}" style="text-decoration:none;">{{ name }}</a> 
{{/each}} 

而且,這裏是一個example jsfiddle顯示這些是等效於最新版本的車把。