Flüssigkeit: Platzhalter-Links dynamisch ausblenden

Question

Ich habe eine YAML-Datei in meinem Ordner _data, die eine Liste von Links enthält, die ich in meinem Hauptnav habe.

_data/nav.yml:

main: 

    - title: Link A 
    - url: "/path/to/linkA" 

    - title: Link B 
    - url: "/path/to/linkB" 

    - title: Link C 
    - url: "#" 

Ich benutze Flüssigkeit dann dynamisch um die Links zu generieren. Hier ist der relevante Teil meiner Header-Datei.

_includes/header.html:

<nav class="quick-links"> 
    {% for item in site.data.nav.main %} 
    <a href="{{ item.url }}">{{ item.title }}</a> 
    {% if forloop.last == false %} :: {% endif %} 
    {% endfor %} 
</nav> 

Die nav Ausgänge:

Link A :: Link B :: Link C 

ich die Ausgabe wie folgt

Link A :: Link B 

seit Link C aussehen möchten ist ein Platzhalter.

Wie kann ich Platzhalter Links, d. H. Links mit "#" als href?

Answer 1

Zuerst müssen Sie zur Gruppe richtig nav Artikel in yaml Datei als:

main: 
    - 
    title: Link A 
    url: "/path/to/linkA" 
    - 
    title: Link B 
    url: "/path/to/linkB" 
    - 
    title: Link C 
    url: "#" 

Dann können Sie die link c mit dem unless Tag vermeiden:

<nav class="quick-links"> 
    {% for item in site.data.nav.main %} 
    {% unless item.url contains "#" %} 
    <a href="{{ item.url }}"> 
    {{ item.title }} 
    </a> 
    {% if forloop.last == false %} :: {% endif %} 
    {% endunless%} 
    {% endfor %} 
</nav>