How use nativescript-pro-ui


#1

I dont understand how use nativescript-pro-ui?

I start in:

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";


import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { NativeScriptHttpClientModule } from "nativescript-angular/http-client";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptUIDataFormModule } from "nativescript-pro-ui/dataform/angular";

 import { NativeScriptUISideDrawerModule } from "nativescript-pro-ui/sidedrawer/angular";
 import { NativeScriptUICalendarModule } from "nativescript-pro-ui/calendar/angular";
 import { NativeScriptUIChartModule } from "nativescript-pro-ui/chart/angular";
 import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
 import { NativeScriptUIGaugesModule } from "nativescript-pro-ui/gauges/angular";
import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";


import { AppRoutingModule } from "./app.routing";
import { AppComponent } from "./app.component";
import { HttpClientModule } from '@angular/common/http';




@NgModule({

    imports: [
        NativeScriptModule,
        NativeScriptUIDataFormModule,
        NativeScriptHttpClientModule,
        HttpClientModule,
        AppRoutingModule,
        NativeScriptUIListViewModule,
        NativeScriptFormsModule,
        NativeScriptUISideDrawerModule,
        NativeScriptUICalendarModule 
        
    ],


html:

<ActionBar title="Calcule su cuota" icon="" class="action-bar">
</ActionBar>
<TabView id="tabViewContainer" selectedIndex="0" class="tab-view" sdkToggleNavButton loaded="onTabViewLoaded">
    <StackLayout *tabItem="{title: 'Cálculo de cuotas'}">
        <StackLayout padding="10">
            <Label text="Cuota" class="h2 text-center" horizontalAlignment="center"></Label>
            <Label [text]="calculator.amount" class="h2 text-center" horizontalAlignment="center"></Label>
        </StackLayout>
        <RadDataForm [source]="calculator"></RadDataForm>

    </StackLayout>
    <StackLayout *tabItem="{title: 'Créditos personales'}">

    </StackLayout>

    <StackLayout *tabItem="{title: 'Cuotificaciones'}">

    </StackLayout>
</TabView>

.ts

import * as dataFormModule from "nativescript-pro-ui/dataform";
.
.
.
export class CalculatorComponent implements OnInit {
    calculator: any = {
        amount: "0,00",
        currency: ""
    };
    public ngOnInit() {
       
    }

}



And my aplication:

Can I otherwise make a form with angular? Or this my only option?


#2

Include in module.ts:

import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptCommonModule } from "nativescript-angular/common";
import { NativeScriptUISideDrawerModule } from "nativescript-pro-ui/sidedrawer/angular";
import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
import { NativeScriptUICalendarModule } from "nativescript-pro-ui/calendar/angular";
import { NativeScriptUIChartModule } from "nativescript-pro-ui/chart/angular";
import { NativeScriptUIDataFormModule } from "nativescript-pro-ui/dataform/angular";
import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
import { NativeScriptUIGaugesModule } from "nativescript-pro-ui/gauges/angular";
import { NativeScriptFormsModule } from "nativescript-angular/forms";

And resolve muy problem!