Nativescript angular 2 component how to?

Question

How do i implement a component like a element directive in angular 1?

This is my code but it doesn't work:

import {Component} from "@angular/core";

@Component({
    moduleId: "TestComponent",
    selector: "TestComponent",
    template: '<Label text="TEST COMPONENT" textWrap="true"></Label>'
})
export class TestComponentComponent {
    constructor() { }
}

@Component({
    selector: "my-app",
    template: `
    <StackLayout>
        <Label text="TEST"></Label>

        <TestComponent></TestComponent>
    </StackLayout>
    `
})
export class AppComponent {
    constructor() { }
}

Yuriy Luchaninov · Accepted Answer · 2016-11-02 14:30:44Z

6

import {registerElement} from "nativescript-angular/element-registry";
registerElement("third-party-view", () => require("./third-party-view").SimpleTag);

You can read more about it: https://docs.nativescript.org/angular/plugins/angular-third-party.html

answered Nov 2, 2016 at 14:30

Yuriy Luchaninov

1,1761 gold badge11 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Victor Öhrström Over a year ago

Got it to work by adding the component to "declarations" in the @NgModule

Collectives™ on Stack Overflow

Nativescript angular 2 component how to?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related