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

Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴