Ara Framework

Ara Framework

  • Docs
  • Blog
  • GitHub

›Nova Directives

Getting Started

  • Nova architecture (Universal Rendering)
  • Nova architecture (Client-Side Rendering)
  • Quick Start
  • Render views on page

Tools

  • Nova Proxy
  • Nova Cluster

Nova Directives

  • Handlebars
  • Jinja2
  • Laravel Blade

Nova Bridge

  • What is it?
  • React
  • Vue.js

Nova Bindings

  • React
  • Vue.js
  • Angular
  • Svelte
  • Preact
Edit

Handlebars Nova Directive

hypernova-handlebars-directive enables you to render a Hypernova placeholder for Nova Proxy using Handlerbars Partials.

Installation

Install the NPM package.

npm i --save hypernova-handlebars-directive

Setup

You need to register the partial first using the helper function provided.

const hbs = require('hbs');
const directive = require('hypernova-handlebars-directive');

directive(hbs)

Usage

You need to provide a name attribute in the expression at least. Also, you can provide the data passing a variable on the data attribute or using an attribute with the following convention data-<key> to set an individual value.

{{>nova name="Navbar" data=data data-brand="Ara Framework" }}

Tutorial

Take a look in the section: Render views on page

← Nova ClusterJinja2 →
  • Installation
  • Setup
  • Usage
  • Tutorial
Ara Framework
Docs
Getting Started
Community
Stack OverflowTwitter
More
BlogGitHub
Follow @AraFramework
Copyright © 2020 Ara Framework