How to get values from angular custom elementsIs there a method to do communication between two components which are not parent and child without using event emitter in angualr?Angular 2: Call existing component from another componentHow to pass multiple parameter to @Directives in Angular with TypeScript?Angular 2 'component' is not a known elementHow to get DI from “top component” inside child component in Angular?Angular 5 testing: how to get a reference to the child componentAngular Elements - External library's CSSAngular 6 custom Input componentangular 6 element boolean input parameterCan we use angular custom elements in another angular application as web componentsCustom component value is not updated with Angular Reactive Form

What impact would a dragon the size of Asia have on the environment?

Teferi's Time Twist on creature with +1/+1 counter

Could I use a Greatsword and a Longsword in one turn with Two-weapon fighting and dual wielding feat?

Three-dimensional light bulbs

Diminished chord constructed over the tonic degree?

I have accepted an internship offer. Should I inform companies I have applied to that have not gotten back to me yet?

Can a continent naturally split into two distant parts within a week?

Accidentally deleted python and yum is not working in centos7

Do aircraft cabins have suspension?

Doing research in academia and not liking competition

When to ask for constructive criticism?

Was all the fuel expended in each stage of a Saturn V launch?

Why do legislative committees exist?

When do sending stones recharge if they are in different time zones (or different planes)?

Why aren't globular clusters disk shaped

When does Fisher's "go get more data" approach make sense?

Can I send medicine to someone in Canada?

Can you perfectly wrap a cube with this blocky shape?

Why hasn't the U.S. government paid war reparations to any country it attacked?

Why is "dark" an adverb in this sentence?

I do not have power to all my breakers

Why use null function instead of == [] to check for empty list in Haskell?

What are the benefits to casting without the need for somatic components?

What made Windows ME so crash-prone?



How to get values from angular custom elements


Is there a method to do communication between two components which are not parent and child without using event emitter in angualr?Angular 2: Call existing component from another componentHow to pass multiple parameter to @Directives in Angular with TypeScript?Angular 2 'component' is not a known elementHow to get DI from “top component” inside child component in Angular?Angular 5 testing: how to get a reference to the child componentAngular Elements - External library's CSSAngular 6 custom Input componentangular 6 element boolean input parameterCan we use angular custom elements in another angular application as web componentsCustom component value is not updated with Angular Reactive Form






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















Im having some angular custom elements. I want to create instance of those and get their model values in its parent component. The input, output methods not helping. Could you please suggest me a way. Thanks in advance.



Create Custom ELement



const PopupElement = createCustomElement(PopupComponent, injector);
customElements.define('popup-element', PopupElement);


The custom element is used in a parent element



const popupEl: NgElement & WithProperties<PopupComponent> = document.createElement('popup-element') as any;

popupEl.addEventListener('closed', () => document.body.removeChild(popupEl));

popupEl.message = message;

document.body.appendChild(popupEl);


Now i want the parent element to get the new value of message.



How to achieve this?










share|improve this question
























  • Could you show what you have tried so far?

    – jowey
    Mar 26 at 7:22











  • you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

    – Yash Rami
    Mar 26 at 7:22











  • What are the "custom elements"?

    – Harun Yılmaz
    Mar 26 at 7:24











  • your explanation in not enough. can you explain in details with example?

    – Bhagwat Tupe
    Mar 26 at 7:28











  • angularfirebase.com/lessons/…

    – Elon Musk
    Mar 26 at 7:44

















0















Im having some angular custom elements. I want to create instance of those and get their model values in its parent component. The input, output methods not helping. Could you please suggest me a way. Thanks in advance.



Create Custom ELement



const PopupElement = createCustomElement(PopupComponent, injector);
customElements.define('popup-element', PopupElement);


The custom element is used in a parent element



const popupEl: NgElement & WithProperties<PopupComponent> = document.createElement('popup-element') as any;

popupEl.addEventListener('closed', () => document.body.removeChild(popupEl));

popupEl.message = message;

document.body.appendChild(popupEl);


Now i want the parent element to get the new value of message.



How to achieve this?










share|improve this question
























  • Could you show what you have tried so far?

    – jowey
    Mar 26 at 7:22











  • you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

    – Yash Rami
    Mar 26 at 7:22











  • What are the "custom elements"?

    – Harun Yılmaz
    Mar 26 at 7:24











  • your explanation in not enough. can you explain in details with example?

    – Bhagwat Tupe
    Mar 26 at 7:28











  • angularfirebase.com/lessons/…

    – Elon Musk
    Mar 26 at 7:44













0












0








0








Im having some angular custom elements. I want to create instance of those and get their model values in its parent component. The input, output methods not helping. Could you please suggest me a way. Thanks in advance.



Create Custom ELement



const PopupElement = createCustomElement(PopupComponent, injector);
customElements.define('popup-element', PopupElement);


The custom element is used in a parent element



const popupEl: NgElement & WithProperties<PopupComponent> = document.createElement('popup-element') as any;

popupEl.addEventListener('closed', () => document.body.removeChild(popupEl));

popupEl.message = message;

document.body.appendChild(popupEl);


Now i want the parent element to get the new value of message.



How to achieve this?










share|improve this question
















Im having some angular custom elements. I want to create instance of those and get their model values in its parent component. The input, output methods not helping. Could you please suggest me a way. Thanks in advance.



Create Custom ELement



const PopupElement = createCustomElement(PopupComponent, injector);
customElements.define('popup-element', PopupElement);


The custom element is used in a parent element



const popupEl: NgElement & WithProperties<PopupComponent> = document.createElement('popup-element') as any;

popupEl.addEventListener('closed', () => document.body.removeChild(popupEl));

popupEl.message = message;

document.body.appendChild(popupEl);


Now i want the parent element to get the new value of message.



How to achieve this?







angular custom-element angular-elements






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 26 at 7:46







Stark Buttowski

















asked Mar 26 at 7:19









Stark ButtowskiStark Buttowski

9045 silver badges16 bronze badges




9045 silver badges16 bronze badges












  • Could you show what you have tried so far?

    – jowey
    Mar 26 at 7:22











  • you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

    – Yash Rami
    Mar 26 at 7:22











  • What are the "custom elements"?

    – Harun Yılmaz
    Mar 26 at 7:24











  • your explanation in not enough. can you explain in details with example?

    – Bhagwat Tupe
    Mar 26 at 7:28











  • angularfirebase.com/lessons/…

    – Elon Musk
    Mar 26 at 7:44

















  • Could you show what you have tried so far?

    – jowey
    Mar 26 at 7:22











  • you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

    – Yash Rami
    Mar 26 at 7:22











  • What are the "custom elements"?

    – Harun Yılmaz
    Mar 26 at 7:24











  • your explanation in not enough. can you explain in details with example?

    – Bhagwat Tupe
    Mar 26 at 7:28











  • angularfirebase.com/lessons/…

    – Elon Musk
    Mar 26 at 7:44
















Could you show what you have tried so far?

– jowey
Mar 26 at 7:22





Could you show what you have tried so far?

– jowey
Mar 26 at 7:22













you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

– Yash Rami
Mar 26 at 7:22





you can use rxjs subject for getting the values. Please check this answer: stackoverflow.com/questions/55252637/…

– Yash Rami
Mar 26 at 7:22













What are the "custom elements"?

– Harun Yılmaz
Mar 26 at 7:24





What are the "custom elements"?

– Harun Yılmaz
Mar 26 at 7:24













your explanation in not enough. can you explain in details with example?

– Bhagwat Tupe
Mar 26 at 7:28





your explanation in not enough. can you explain in details with example?

– Bhagwat Tupe
Mar 26 at 7:28













angularfirebase.com/lessons/…

– Elon Musk
Mar 26 at 7:44





angularfirebase.com/lessons/…

– Elon Musk
Mar 26 at 7:44












0






active

oldest

votes










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55351680%2fhow-to-get-values-from-angular-custom-elements%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes




Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55351680%2fhow-to-get-values-from-angular-custom-elements%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해