CODEWITHSUNDEEP
htmltemplatesgohugo
rdegges
rdegges

Reputation: 33844

Sorted Map Iteration in Go Templates?

I'm building a website in Go, using the Hugo static site generator. What I'm trying to do is build a dynamic navigation bar for my web pages.

Here's what I'm doing:

In my config.yml file, I've defined a Map of links that I'd like to appear in my navbar -- here's what this file looks like:

baseurl: "https://www.rdegges.com/"
languageCode: "en-us"
title: "Randall Degges"
params:
  navLinks: {"Twitter": "https://twitter.com/rdegges", "Facebook": "https://www.facebook.com/rdegges", "Google+": "https://plus.google.com/109157194342162880262", "Github": "https://github.com/rdegges"}

So, I've also got an index.html template in Hugo that contains a navbar which looks like this:

<nav>
  <ul>
    {{ range sort $title, $link := .Site.Params.navLinks }}
      <li><a href="{{ $link }}">{{ $title }}</a></li>
    {{ end }}
  </ul>
</nav>

This above code works correctly, with one exception: I'd like to order the results of my links instead of having them randomly ordered each time.

I know that Maps are not inherently structured in Go -- but is there a way to retain the original ordering of my navigation elements in some way?

Thanks for the help!

Upvotes: 5

Views: 6515

Answers (1)

Thundercat
Thundercat

Reputation: 121119

Go templates sort maps by key. If you want to force a specific order, then use a slice:

Here's the YAML:

baseurl: "https://www.rdegges.com/"
languageCode: "en-us"
title: "Randall Degges"
params:
    navLinks: 
        - title: Twitter
          url: https://twitter.com/rdegges
        - title: Facebook
          url: https://www.facebook.com/rdegges

... and the template:

<nav>
  <ul>
    {{ range $link := .Site.Params.navLinks }}
      <li><a href="{{ $link.url }}">{{ $link.title }}</a></li>
    {{ end }}
  </ul>
</nav>

Upvotes: 5

Related Questions