Loading...

ff-root

< Back To DOCS

Purpose

The ff-root attribute connects a firebase data set to your HTML. ff-root is required for firefight to work. Only child elements of ff-root are controlled by firefight. A web page can have only one ff-root attribute. The <body ff-root="myAppName"> element is an excellent place for the ff-root attribute.

Sample: simple text

HTML

<div ff-root="ff-demo">
  {{someValue}}
</div>
{{someValue}}

Result

{{someValue}}
{{someValue}}

Firebase emulator

  • someValue:

Change "someValue" inside the firebase emulator, hit enter and notice how the result changes. Notice how the second {{someValue}} doesn't get updated because it is not a child of ff-root.

< Back To DOCS