亲爱的stackoverflow社区!
我正在研究nativescript angular项目,我正在尝试使用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>
感谢您提前给出答案!