@@ -76,7 +76,7 @@ The following example describes how to import **comp** to the parent component:
```html
-
+
@@ -125,7 +125,7 @@ In the following example, the child component passes the **text** parameter to t
```html
-
+
Parent component: {{text}}
diff --git a/en/application-dev/reference/arkui-js/js-components-custom-props.md b/en/application-dev/reference/arkui-js/js-components-custom-props.md
index c9c496b57842c628eabb96377c8096c6a9cc1f9c..c2c0c64961108bcb9f0e2d965b86883593a20dce 100644
--- a/en/application-dev/reference/arkui-js/js-components-custom-props.md
+++ b/en/application-dev/reference/arkui-js/js-components-custom-props.md
@@ -21,7 +21,7 @@ export default {
```html
-
+
@@ -57,7 +57,7 @@ In this example, a **\
** component is added to display the title. The titl
```html
-
+
diff --git a/en/application-dev/reference/arkui-js/js-components-custom-slot.md b/en/application-dev/reference/arkui-js/js-components-custom-slot.md
index 50c5b9ed0d1ad181567945134be95e0f9c229fed..706268221ec46fd3d18b3c0609229e4c1952efb3 100644
--- a/en/application-dev/reference/arkui-js/js-components-custom-slot.md
+++ b/en/application-dev/reference/arkui-js/js-components-custom-slot.md
@@ -20,7 +20,7 @@ You can use the **\** tag to create a slot inside a custom component to fi
The following references the custom component:
```html
-
+
Content defined in the parent component
@@ -45,7 +45,7 @@ When multiple slots are need inside a custom component, you can name them, so th
The following references the custom component:
```html
-
+
Fill in the second slot.
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md b/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
index e641340a69dad32e2db89c55ba2d44911d3258b7..3d55b17b5f9f7b2d8c9b742a1261d2902f4de04c 100644
--- a/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-formcomponent.md
@@ -42,7 +42,7 @@ Creates a **FormComponent** instance to display the provided widget.
| Name | Type | Mandatory| Description |
| --------- | ------------------------------- | ---- | ----------------------------------------------------------------------- |
-| id | number | Yes | Widget ID. Set this parameter to **0** for a new widget. |
+| id | number | Yes | Widget ID. Set this parameter to **0** for a new widget. |
| name | string | Yes | Widget name. |
| bundle | string | Yes | Bundle name of the widget. |
| ability | string | Yes | Ability name of the widget. |
@@ -63,7 +63,7 @@ Creates a **FormComponent** instance to display the provided widget.
## Attributes
| Name | Type | Mandatory| Description |
| ----------- | ----------------------------------------------------------------------------------------------------- | ---- | ----------------------------------------------------------------------- |
-| size | {
width?: [Length](ts-types.md#length),
height?: [Length](ts-types.md#length)
} | Yes | Size of the widget. |
+| size | {
width?: [Length](ts-types.md#length),
height?: [Length](ts-types.md#length)
} | Yes | Size of the widget. |
| moduleName | string | Yes | Module name of the widget. |
| dimension | [FormDimension](#formdimension) | No | Dimensions of the widget. The widgets in the 2 x 2, 4 x 4, and 4 x 2 dimensions are supported.
Default value: **Dimension_2_2**|
| allowUpdate | boolean | No | Whether to allow the widget to update.
Default value: **true** |
@@ -75,10 +75,10 @@ Creates a **FormComponent** instance to display the provided widget.
| Name | Description |
| ------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| onAcquired(callback: (info: { id: number }) => void) | Triggered when a widget is obtained. This API returns the ID of the obtained widget. |
-| onError(callback: (info: { errcode: number, msg: string }) => void) | Triggered when an error occurs during component loading.
**errcode**: error code.
**msg**: error information. |
-| onRouter(callback: (info: any) => void) | Triggered when routing occurs for the widget. This API returns information in [routerEvent](../js-service-widget-ui/js-service-widget-syntax-hml.md#event-binding).|
-| onUninstall(callback: (info: { id: number }) => void) | Triggered when a widget is uninstalled. This API returns the ID of the uninstalled widget. |
+| onAcquired(callback: (info: { id: number }) => void) | Triggered when a widget is obtained. This API returns the ID of the obtained widget. |
+| onError(callback: (info: { errcode: number, msg: string }) => void) | Triggered when an error occurs during component loading.
**errcode**: error code.
**msg**: error information. |
+| onRouter(callback: (info: any) => void) | Triggered when routing occurs for the widget. This API returns information in [routerEvent](../js-service-widget-ui/js-service-widget-syntax-hml.md#event-binding).|
+| onUninstall(callback: (info: { id: number }) => void) | Triggered when a widget is uninstalled. This API returns the ID of the uninstalled widget. |
## Example
@@ -108,7 +108,7 @@ struct CardExample {
.visibility(Visibility.Visible)
.onAcquired((form)=>{
console.log(`form info : ${JSON.stringify(form)}`);
- this.fomId = form.id;
+ this.formId = form.id;
})
.onError((err)=>{
console.log(`fail to add form, err: ${JSON.stringify(err)}`);