Nativescript Angular NativeScriptUIDataForm: редакторы не работают

Уважаемое сообщество stackoverflow!

Я работаю над проектом angular nativescript и пытаюсь использовать плагин NativescriptUIDataform. Установка и внедрение работали. Я получаю сгенерированную форму NativescriptUIDataform.

package.json:

"nativescript-ui-dataform": "^3.7.0",

app.module.ts:

import { NativeScriptUIDataFormModule } from "nativescript-ui-dataform/angular";
...
@NgModule({
   ...
   imports: [
   ...
       NativeScriptUIDataFormModule
   ...

Мой newEntry.component.ts выглядит так:

import { Component, OnInit } from "@angular/core";
import { RouterExtensions } from "nativescript-angular/router";
import { Entry } from "./entry";

@Component({
    selector: "newEntry",
    moduleId: module.id,
    templateUrl: "./newEntry.component.html"
})
export class NewEntryComponent implements OnInit {
    private _entry: Entry;

    constructor(private routerExtensions: RouterExtensions) {

    }

    get entry(): Entry {
        return this._entry;
    }

    set entry(value: Entry) {
        this._entry = value;
    }

    public goBack() {
        this.routerExtensions.backToPreviousPage();
    }

    ngOnInit() {

    }
}

И в моем newEntry.component.html у меня есть следующее:

<RadDataForm [source]="entry" tkExampleTitle tkToggleNavButton></RadDataForm>

На этот раз никаких проблем не возникает. В приложении появляется автоматически созданная форма. Но когда я пытаюсь использовать редакторы HTML, ничего не меняется, появляется только автоматически сгенерированная форма. Мне нужно реализовать еще один модуль? Что я сделал не так, используя редакторы?

Мой newEntry.component.html с редакторами выглядит так:

<RadDataForm [source]="entry" tkExampleTitle tkToggleNavButton>
    <TKEntityProperty tkDataFormProperty name="date" displayName="Date" index="0"></TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="credit" displayName="Creditaccount" index="1" valuesProvider="something, something">
        <TKPropertyEditor tkEntityPropertyEditor type="Picker"></TKPropertyEditor>
    </TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="debit" displayName="Debitaccount" index="2" valuesProvider="something, something">
        <TKPropertyEditor tkEntityPropertyEditor type="Picker"></TKPropertyEditor>
    </TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="value" displayName="Value" index="3" type="number"></TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="description" displayName="Description" index="4"></TKEntityProperty>
</RadDataForm>

Заранее благодарим за ответ!


person Armin Pernsteiner    schedule 22.08.2018    source источник


Ответы (1)


Похоже, вы загружаете модуль, в котором есть не все директивы.

app-routing-module.ts
...
{ path: "newEntry", loadChildren: "~/app/newEntry/newEntry.module#NewEntryModule" }
...

Попробуйте импортировать NativeScriptUIDataFormModule в модуль, который объявляет NewEntryComponent (newEntry.module.ts) вместо app.module.ts

Ваше здоровье

person ClaudioMeinberg    schedule 25.07.2019