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;
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?
|
show 1 more comment
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?
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
|
show 1 more comment
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?
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?
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
|
show 1 more comment
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
|
show 1 more comment
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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