How to read an output value from a custom component

Christian_Leon · May 30, 2023, 11:41pm

Hi, I am building a custom component in Angular and I want to click a button to issue an event to be able to send data to other components but I have not succeeded. I set the output name to the name of the event I created with the @Output decorator and when I try to pass that value to a text field nothing comes out. Someone could help me solve it please. I attach my code in Angular and the screenshot of the component in jetadmin:

d.kildishev · June 8, 2023, 9:06am

Hi @Christian_Leon “Output” is an Angular specific feature. Since custom components use just Web Components specifications we rely on JS events to implement Outputs.

We don’t have example for Angular, but have for React. It should be something similar (look at using calling dispatchEvent on HTMLElement with new CustomEvent)

github.com

jet-admin/jet-flex-view-react-example/blob/master/src/App.js

import React, { Component } from 'react';
import { getPublicApiService } from 'jet-admin-sdk';

import './App.css';

if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
  getPublicApiService().projectsStore.setCurrent('YOUR_PROJECT_UNIQUE_NAME');
  getPublicApiService().authService.tokenLogin('YOUR_USER_TOKEN');
}

class App extends Component {

  constructor(props) {
    super(props);
    this.state = { user: 'unknown' };
  }

  componentDidMount() {
    const self = this;
    getPublicApiService().currentUserStore.get().subscribe(result => {

This file has been truncated. show original