@ fieldia/ 三角形
外地 angular 21和22中的表单:一个独立的组件
结束 @fieldia/viewer,所以一个页面看起来和行为 与任何其他
框架.
npm install @fieldia/angular
import { Component } from '@angular/core';
import { FieldiaFormComponent } from '@fieldia/angular';
import { createMemoryDataSource } from '@fieldia/core';
import page from './customer.page.json';
@Component({
selector: 'app-customer',
imports: [FieldiaFormComponent],
template: `<fieldia-form [page]="page" [dataSource]="dataSource" [recordId]="1" skin="underline" />`,
})
export class CustomerComponent {
readonly page = page;
readonly dataSource = createMemoryDataSource();
}
自定义字段可以是角元件( C)fieldTypes),槽内容进入
<ng-template fieldiaSlot="name">,以及 formState(form) 给一个表格的状态
作为信号。 浏览器的选项是同名输入, 但用于
app的翻译: [translator],因为 [translate] 绑定到
元素自身的 HTML 属性。 列表页面通过
(openRecord) 输出.
该表的活动是产出: (fieldChange) -没有 (change),该在
组件的元素也会听到其盒子本身的变化事件—— (save), (中文(简体) ),
(send), (中文(简体) ), (step) 财务报告和审定财务报表 (run)。输出无法回答,所以应用程序的答案是
按钮或按钮 call 步骤是 [answer] 投入; (action) 仍然告诉每个
电话 :
@Component({
imports: [FieldiaFormComponent],
template: `<fieldia-form [page]="page" [dataSource]="dataSource" [pages]="pages"
[answer]="answer" (fieldChange)="changed($event)" (save)="saved($event)" (run)="ran($event)" />`,
})
export class OrderComponent {
readonly answer = async ({ action, values }: ActionRequest) =>
action === 'check_stock' ? { values: { price: await priceOf(values['product']) } } : undefined;
}
观众的 host 财务报告和审定财务报表 onOpen 为: [actionHost] 财务报告和审定财务报表 [openPage]; 数据
控件来源 (ready) 已经 on, (中文(简体) ), setValues 财务报告和审定财务报表 run。 。 。 .
一个页面带有 continueLater 打开您服务器上保存的草稿
[resume]="route.snapshot.queryParamMap.get('resume') ?? undefined"键
链接 以后继续提供——和 (draft) 已被告知每份草稿。 一个新的
[resume] 打开这个草案,作为一个新的 [recordId] 打开记录.
从链接中填充字段的页面( E)prefill阅读浏览器的地址;
在服务器上或在其他页面中显示的应用程序会给出链接
知道吗 [url]="router.url",地址,或 [url]="{ agent: 'mona' }"。一个新的
[url] 从它开始表格.
在你的应用程序离开前,请检查一下: await handle.form.leave() 在路线上 canDeactivate,在删除前
<fieldia-form>,在更改再次挂载的输入之前(page, (中文(简体) ),
form, (中文(简体) ), dataSource, (中文(简体) ), recordId, (中文(简体) ), resume, (中文(简体) ), url, (中文(简体) ), user, (中文(简体) ), context, (中文(简体) ), dir, (中文(简体) ), locale, (中文(简体) ),
labels, (中文(简体) ), fieldTypes中的名称 functions) (中文(简体) ). 角力会立刻摧毁它 所以没有别的东西可以保存
那边的人 它在路上等待一个储蓄,然后问 "丢掉你的
惟有他们的工作有危险,他们选择作假
留下来. [warnOnLeave]="true" 拥有浏览器自己的 Back, 重新装入或关闭标签
在有未保存的更改时先询问 .
拟订或更新的部分——外地部分,a
插槽的内容, 应用程序的部件, 地图—— 显示一个小框来命名它,以及
其余的表格继续; (partError) 听到声音 { error, where } (无)
(error),DOM自己的活动). 观众拒绝的一页 说为什么在表格里
地点, (partError) 听见了吗 { stage: 'draw', part: 'page' }应用程序
继续,它抽出一个 它的整张支票发现错误, { stage: 'check', part: 'page', warning: true } (0.36;从0.37拒绝). 麻省理工学院有执照.