ember-cli-htmlbars

Variables

• Data

Functions

• hbs()

Classes

• TemplateFactory

Interfaces

• PrecompileOptions

  • moduleName
  • parseOptions

variable Data

const Data: Symbol;

function hbs

hbs: {
    (template: string, options?: PrecompileOptions): TemplateFactory;
    (tagged: TemplateStringsArray): TemplateFactory;
};

• A helper for rendering components.

  Parameter tagged

  The template to render.

  ## Usage

  ### With tagged template

  import { module, test } from 'qunit';
  import { setupRenderingTest } from 'ember-qunit';
  import { render } from '@ember/test-helpers';
  import { hbs } from 'ember-cli-htmlbars';
  
  module('demonstrate hbs usage', function(hooks) {
    setupRenderingTest(hooks);
  
    test('you can render things', function(assert) {
      await render(hbs`<TestingComponents @isCool={{true}} />`);
      assert.ok(true);
    });
  });

  ## With string and options

  import Component from '@glimmer/component';
  import { setComponentTemplate } from '@ember/component';
  import { hbs } from 'ember-cli-htmlbars';
  
  class Hello extends Component {
    greeting = 'hello world';
  }
  
  setComponentTemplate(
    hbs('<p>{{this.greeting}}</p>', { moduleName: 'hello.hbs' }),
    MyComponent
  );