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

How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

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

해남서초등학교 학교 연혁 학교 동문 외부 링크 둘러보기 메뉴북위 34° 34′ 21″ 동경 126° 35′ 50″ / 북위 34.5726385° 동경 126.5972670°  / 34.5726385; 126.5972670해남서초등학교eh