NPM 包 - Angular2-Tryton 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

Angular2-Tryton 是一款基于 Tryton 后端框架的 Angular2 组件库，旨在提供一个易于集成的、高效的 Angular2 模块，可以帮助大家更好地使用 Tryton 后端框架。

安装

NPM 包安装

Angular2-Tryton 可以通过 NPM 包进行安装，执行以下命令即可：

npm install angular2-tryton --save

引入模块

在应用的主模块（通常是 app.module.ts 文件）中，需要引入 Angular2-Tryton 模块，示例代码如下：

-- -------------------- ---- -------
------ - ------------ - ---- ------------------

-----------
  -------- -
    ----------------------
      ------------ -----------------------
    --
  -
--
------ ----- --------- - -

其中，apiEndpoint 参数是必须提供的，它指定了 Tryton 后端 API 的地址；如果需要在多个模块中使用 Tryton，可以在其它模块中仅仅引入 TrytonModule。

import { TrytonModule } from 'angular2-tryton';

@NgModule({
  imports: [
    TrytonModule
  ]
})
export class AnotherModule { }

组件

Angular2-Tryton 提供了多个组件，这些组件是建立在 Tryton 后端 API 基础上的，可直接使用，无需额外配置。

打开一个包含字段的记录摘要

<tryton-summary [model]="modelName" [id]="id" [fields]="fields"></tryton-summary>

modelName：Tryton 模型名称
id：记录 ID
fields：需要渲染的字段列表（可选，如果不提供则渲染所有字段）

示例代码如下：

<tryton-summary model="party.party" id="1" fields="['name', 'vat_number']"></tryton-summary>

渲染包含字段的记录表格

<tryton-table [model]="modelName" [fields]="fields"></tryton-table>

modelName：Tryton 模型名称
fields：需要渲染的字段列表

示例代码如下：

<tryton-table model="party.party" fields="['name', 'vat_number']"></tryton-table>

渲染包含字段的记录列表

<tryton-list [model]="modelName" [fields]="fields"></tryton-list>

modelName：Tryton 模型名称
fields：需要渲染的字段列表

示例代码如下：

<tryton-list model="party.party" fields="['name', 'vat_number']"></tryton-list>

表单组件

<tryton-form [model]="modelName" [id]="id" [fields]="fields"></tryton-form>

modelName：Tryton 模型名称
id：记录 ID（可选，不提供则创建新纪录）
fields：需要编辑的字段列表

示例代码如下：

<tryton-form model="party.party" id="1" fields="['name', 'vat_number']"></tryton-form>

总结

通过本文，我们了解了 Angular2-Tryton 的基本使用方法，包括模块安装、组件引入及其使用方法，希望能够帮助大家更好地使用 Tryton 后端框架开发 Web 应用。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/600563da81e8991b448e133b