NativeScript

Question

我正在使用 Angular 8 开发一个新的 NativeScript 项目。我正在研究构建表单的不同方式。

一种选择是使用 NativeScript 团队提供的 RadFroms。

我安装了这个插件： https://www.npmjs.com/package/nativescript-ui-dataform

我已按照此网页上的说明进行操作，但它对我不起作用：https://docs.nativescript.org/ui/components/DataForm/dataform-overview#editors

基本上表格不会出现在主页上。

这是我重现问题的代码： https://github.com/aquinn637/RadFormsTest

游乐场：hhttps://play.nativescript.org/?template=play-ng&id=DFKrMA

这里还有一个代码片段：

主页模板

<StackLayout>

    <Labels text="Home Page"></Labels>
    <RadDataForm [source]="source"></RadDataForm>

</StackLayout>

主页组件

export class HomeComponent implements OnInit {

  ngOnInit(): void {
  }

  public source = {
    isReadOnly: false,
    propertyAnnotations: [
      {
        name: 'username',
        displayName: 'Username',
        editor: 'Text',
        validators: [ { name: 'NonEmpty' } ]
      },
      {
        name: 'password',
        displayName: 'Password',
        editor: 'Password',
        validators: [ { name: 'NonEmpty' } ]
      }
    ]
  };

Answer 1

您使用了错误的属性，请仔细阅读文档。

HTML

 <RadDataForm [source]="source" [metadata]="metadata"></RadDataForm>

TS

public source = {
    username: '',
    password: ''
};

public metadata = {
    isReadOnly: false,
    properties: [
        {
            name: 'username',
            displayName: 'Username',
            editor: 'Text',
            validators: [{ name: 'NonEmpty' }]
        },
        {
            name: 'password',
            displayName: 'Password',
            editor: 'Password',
            validators: [{ name: 'NonEmpty' }]
        }
    ]
};

Updated Playground

NativeScript - 如何让 RadForms 出现？

NativeScript - How to get RadForms to appear?

forms

dataform