Nativescript-Angular -- "FAB" becomes empty ProxyViewContainer

[kalexmills]

The FAB button is just becoming an empty ProxyViewContainer in NativeScript for unknown reasons.

Here is the way I am using it with NativeScript Angular.

<StackLayout>
  <ListView [items]="...">
    <!-- unimportant stuff here -->
  </ListView>
  <Fab (tap)="addFlavorLog"
        icon="res://ic_add_white" rippleColor="#f1f1f1" class="fab-button">
  </Fab>
</StackLayout>

I am loading the FAB once at the bottom of vendor.ts (I guessed that this might be good place to put it... but the docs are unclear).

...
import { registerElement } from "nativescript-angular/element-registry";
registerElement("Fab", () => require("nativescript-floatingactionbutton").Fab);
...

Here is the output:

<ProxyViewContainer nativeViewProtected="undefined" icon="res://ic_add_white" ...></ProxyViewContainer>

[kalexmills]

Got this to finally work after much digging around online.

@bradmartin: One suggestion for documentation in the README for this repo. For Nativescript + Angular users, please specify that the registerElement call belongs in the constructor of app.component.ts (only way I could get it to work). Seems like all the questions I found on Stackoverflow were related to this issue...