mirror of
https://github.com/gohugoio/hugo.git
synced 2024-11-14 20:37:55 -05:00
ba45da9d03
32356e4e Fix typo in header of shortcode-templates.md c8f1a2d2 Correct code example for index template function bfa6a55d Escape code fencing ff8b2f99 Fix typos in deployment with wercker tutorial 557c36e8 theme: Merge commit '7fbb4bed25001182bfeb91f79db0f0c1936582ee' 7fbb4bed Squashed 'themes/gohugoioTheme/' changes from 7dd8a302..ca53082d ce31cee0 Add "See Also" config 158cee1b Make the tags into keywords 61600be6 Add a note to the related section 49edb5a2 Relase 0.27.1 c9bbc001 releaser: Add release notes to /docs for release of 0.27.1 213c6c3b Add bugs poster 8b4590cd Add KeyCDN integration tutorial 2b277859 Add tutorial videos to several docs pages 950fef1f Update roadmap to link to the correct milestones page 496f5bf6 Rename relnotes d6f9378d Bump Netlify versions to 0.27 087fde7f Update 0.27 release notes 603f94ae docs: Document Related Content 3790f6a3 releaser: Bump versions for release of 0.27 0948868c releaser: Add release notes to /docs for release of 0.27 git-subtree-dir: docs git-subtree-split: 32356e4eabe357ae914f4d1d59e8ae31ce936723
119 lines
4.2 KiB
Markdown
119 lines
4.2 KiB
Markdown
---
|
||
title: apply
|
||
description: Given a map, array, or slice, `apply` returns a new slice with a function applied over it.
|
||
godocref:
|
||
date: 2017-02-01
|
||
publishdate: 2017-02-01
|
||
lastmod: 2017-02-01
|
||
categories: [functions]
|
||
menu:
|
||
docs:
|
||
parent: "functions"
|
||
keywords: [advanced]
|
||
signature: ["apply COLLETION FUNCTION [PARAM...]"]
|
||
workson: []
|
||
hugoversion:
|
||
relatedfuncs: []
|
||
deprecated: false
|
||
draft: false
|
||
aliases: []
|
||
---
|
||
|
||
{{< todo >}}
|
||
<!-- POTENTIAL NEW CONTENT: see apply/sequence discussion: https://discourse.gohugo.io/t/apply-printf-on-a-sequence/5722; -->
|
||
{{< /todo >}}
|
||
|
||
`apply` expects at least three parameters, depending on the function being applied.
|
||
|
||
1. The first parameter is the sequence to operate on
|
||
2. The second parameter is the name of the function as a string, which must be the name of a valid [Hugo function][functions].
|
||
3. After that, the parameters to the applied function are provided, with the string `"."` standing in for each element of the sequence the function is to be applied against.
|
||
|
||
Here is an example of a content file with `name:` as a front matter field:
|
||
|
||
```
|
||
+++
|
||
names: [ "Derek Perkins", "Joe Bergevin", "Tanner Linsley" ]
|
||
+++
|
||
```
|
||
|
||
You can then use `apply` as follows:
|
||
|
||
```
|
||
{{ apply .Params.names "urlize" "." }}
|
||
```
|
||
|
||
Which will result as follows:
|
||
|
||
```
|
||
"derek-perkins", "joe-bergevin", "tanner-linsley"
|
||
```
|
||
|
||
This is *roughly* equivalent to using the following with [range][]
|
||
|
||
```
|
||
{{ range .Params.names }}{{ . | urlize }}{{ end }}
|
||
```
|
||
|
||
However, it isn’t possible to provide the output of a range to the [`delimit` function][delimit], so you need to `apply` it.
|
||
|
||
If you have `post-tag-list.html` and `post-tag-link.html` as [partials][], you *could* use the following snippets, respectively:
|
||
|
||
{{< code file="layouts/partial/post-tag-list.html" copy="false" >}}
|
||
{{ with .Params.tags }}
|
||
<div class="tags-list">
|
||
Tags:
|
||
{{ $len := len . }}
|
||
{{ if eq $len 1 }}
|
||
{{ partial "post/tag/link" (index . 0) }}
|
||
{{ else }}
|
||
{{ $last := sub $len 1 }}
|
||
{{ range first $last . }}
|
||
{{ partial "post/tag/link" . }},
|
||
{{ end }}
|
||
{{ partial "post/tag/link" (index . $last) }}
|
||
{{ end }}
|
||
</div>
|
||
{{ end }}
|
||
{{< /code >}}
|
||
|
||
{{< code file="layouts/partial/post-tag-link.html" copy="false" >}}
|
||
<a class="post-tag post-tag-{{ . | urlize }}" href="/tags/{{ . | urlize }}">{{ . }}</a>
|
||
{{< /code >}}
|
||
|
||
This works, but the complexity of `post-tag-list.html` is fairly high. The Hugo template needs to perform special behavior for the case where there’s only one tag, and it has to treat the last tag as special. Additionally, the tag list will be rendered something like `Tags: tag1 , tag2 , tag3` because of the way that the HTML is generated and then interpreted by a browser.
|
||
|
||
This first version of `layouts/partials/post-tag-list.html` separates all of the operations for ease of reading. The combined and DRYer version is shown next:
|
||
|
||
```
|
||
{{ with .Params.tags }}
|
||
<div class="tags-list">
|
||
Tags:
|
||
{{ $sort := sort . }}
|
||
{{ $links := apply $sort "partial" "post-tag-link" "." }}
|
||
{{ $clean := apply $links "chomp" "." }}
|
||
{{ delimit $clean ", " }}
|
||
</div>
|
||
{{ end }}
|
||
```
|
||
|
||
Now in the completed version, you can sort the tags, convert the tags to links with `layouts/partials/post-tag-link.html`, [chomp][] off stray newlines, and join the tags together in a delimited list for presentation. Here is an even DRYer version of the preceding example:
|
||
|
||
{{< code file="layouts/partials/post-tag-list.html" download="post-tag-list.html" >}}
|
||
{{ with .Params.tags }}
|
||
<div class="tags-list">
|
||
Tags:
|
||
{{ delimit (apply (apply (sort .) "partial" "post-tag-link" ".") "chomp" ".") ", " }}
|
||
</div>
|
||
{{ end }}
|
||
{{< /code >}}
|
||
|
||
{{% note %}}
|
||
`apply` does not work when receiving the sequence as an argument through a pipeline.
|
||
{{% /note %}}
|
||
|
||
[chomp]: /functions/chomp/ "See documentation for the chomp function"
|
||
[delimit]: /functions/delimit/ "See documentation for the delimit function"
|
||
[functions]: /functions/ "See the full list of Hugo functions to see what can be passed as an argument to the apply function."
|
||
[partials]: /templates/partials/
|
||
[range]: /functions/range/ "Learn the importance of the range function, a fundamental keyword in both Hugo templates and the Go programming language."
|