ff-connect

< Back To DOCS

Purpose

The ff-connect attribute connects a firebase data set to your HTML. ff-connect is required for firefight to work. Only child elements of ff-connect are controlled by firefight. A web page can have only one ff-connect attribute. atr-apiKey value can be found by clikcing "Add Firebase to your web app" in your firebase overview page. The <body ff-connect="myAppName" atr-apiKey="myAppKey"> element is an excellent place for the ff-connect attribute.

options

atr-root allows direct access to child nodes of the data. See Weather Sample for an example.

Sample: simple text

HTML

<div ff-connect="ff-demo" atr-apiKey="AIzaSyAROOIphKjkh96rn7exluKHbLuFfD9A_lo">
  {{someValue}}
</div>
{{someValue}}

Result

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-connect.

< Back To DOCS