Documentation

Powered by Algolia

Angular


Available on Web platform.

Integration

  1. Install the @alan-ai/alan-sdk-web package and import the alanBtn into your component:

    $ npm install @alan-ai/alan-sdk-web --save
    import alanBtn from "@alan-ai/alan-sdk-web";

    Or just add the alan_lib.js library to your index.html page via script tag:

    <script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
  2. Add the Alan button to your component

    export class AppComponent {
    
    	alanBtnInstance;
    
    	constructor(){
    		this.alanBtnInstance = alanBtn({
    			key: 'YOUR_KEY_FROM_ALAN_STUDIO_HERE',
    			onCommand: (commandData) => {
    				if (commandData.command === 'go:back') {
    					// Call the client code that will react to the received command
    				}
    			},
    		});
    	}
    }

    For details, see Alan button parameters.

Integration example

See an example of the Angular app with the Alan button here.