# Stage模型绑定FA模型ServiceAbility 本小节介绍Stage模型的两种应用组件如何绑定FA模型ServiceAbility组件。 ## UIAbility关联访问ServiceAbility [UIAbility](../reference/apis-ability-kit/js-apis-app-ability-uiAbility.md)关联访问ServiceAbility和UIAbility关联访问[ServiceExtensionAbility](../reference/apis-ability-kit/js-apis-app-ability-serviceExtensionAbility-sys.md)的方式完全相同。 ```ts import { common, Want } from '@kit.AbilityKit'; import { hilog } from '@kit.PerformanceAnalysisKit'; const TAG: string = '[Page_StartFAModel]'; const DOMAIN_NUMBER: number = 0xFF00; @Entry @Component struct Page_StartFAModel { private context = this.getUIContext().getHostContext() as common.UIAbilityContext; build() { Column() { // ... List({ initialIndex: 0 }) { // ... ListItem() { Row() { // ... } .onClick(() => { let want: Want = { bundleName: 'com.samples.famodelabilitydevelop', abilityName: 'com.samples.famodelabilitydevelop.ServiceAbility', }; let options: common.ConnectOptions = { onConnect: (elementName, proxy) => { hilog.info(DOMAIN_NUMBER, TAG, `onConnect called.`); this.getUIContext().getPromptAction().showToast({ message: 'ConnectFAServiceAbility' }); }, onDisconnect: (elementName) => { hilog.info(DOMAIN_NUMBER, TAG, `onDisconnect called.`); }, onFailed: (code) => { hilog.error(DOMAIN_NUMBER, TAG, `onFailed code is: ${code}.`); } }; let connectionId = this.context.connectServiceExtensionAbility(want, options); hilog.info(DOMAIN_NUMBER, TAG, `connectionId is: ${JSON.stringify(connectionId)}.`); }) } // ... } // ... } // ... } } ``` ## ExtensionAbility关联访问ServiceAbility 下面以[ServiceExtensionAbility](../reference/apis-ability-kit/js-apis-app-ability-serviceExtensionAbility-sys.md)为例来说明[ExtensionAbility](../reference/apis-ability-kit/js-apis-app-ability-extensionAbility.md)关联访问ServiceAbility。ServiceExtensionAbility关联访问ServiceAbility和ServiceExtensionAbility关联访问ServiceExtensionAbility的方式完全相同。 ```ts import { common, Want } from '@kit.AbilityKit'; import { hilog } from '@kit.PerformanceAnalysisKit'; const TAG: string = '[Page_StartFAModel]'; const DOMAIN_NUMBER: number = 0xFF00; @Entry @Component struct Page_StartFAModel { private context = this.getUIContext().getHostContext() as common.UIAbilityContext; build() { Column() { // ... List({ initialIndex: 0 }) { // ... ListItem() { Row() { // ... } .onClick(() => { let want: Want = { bundleName: 'com.samples.famodelabilitydevelop', abilityName: 'com.samples.famodelabilitydevelop.ServiceAbility', }; let options: common.ConnectOptions = { onConnect: (elementName, proxy) => { hilog.info(DOMAIN_NUMBER, TAG, `onConnect called.`); this.getUIContext().getPromptAction().showToast({ message: 'ConnectFAServiceAbility' }); }, onDisconnect: (elementName) => { hilog.info(DOMAIN_NUMBER, TAG, `onDisconnect called.`); }, onFailed: (code) => { hilog.error(DOMAIN_NUMBER, TAG, `onFailed code is: ${code}.`); } }; let connectionId = this.context.connectServiceExtensionAbility(want, options); hilog.info(DOMAIN_NUMBER, TAG, `connectionId is:${JSON.stringify(connectionId)}.`); }) } // ... } // ... } // ... } } ```