Allows one to define a tag that subviews can append content to. Handy for letting subviews add resources to the head or footer, for example.
The layout - /views/layouts/default.html:
<!DOCTYPE html>
<html>
<head>
<title>The Title</title>
<link rel="stylesheet" href="/stylesheets/style.css" />
{% injected "javascript" %}
<script src="/jquery.js"></script>
{% endinjected %}
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>The view - /views/index.html:
{% extends "/layouts/default.html" %}
{% inject "javascript" %}
<!-- Will be output beneath jquery.js -->
<script src="/index-script.js"></script>
{% endinject %}
{% block content %}
<div>
<p>The content</p>
</div>
{% endblock %}The output:
<html>
<head>
<title>The Title</title>
<link href="/stylesheets/style.css" rel="stylesheet">
<script src="/jquery.js"></script>
<!-- Will be output beneath jquery.js -->
<script src="/index-script.js"></script>
</head>
<body>
<div>
<p>The content</p>
</div>
</body>
</html>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent