Toggle class in angular 7 between sibling componentHow do I detect a click outside an element?Trigger a button click with JavaScript on the Enter key in a text boxHow to change an element's class with JavaScript?How do I add a class to a given element?What's the difference between using “let” and “var”?How can I select an element with multiple classes in jQuery?event.preventDefault() vs. return falsejQuery disable/enable submit buttonWhat is the difference between call and apply?jQuery scroll to element
What are the benefits of using the X Card safety tool in comparison to plain communication?
Why doesn't a marching band have strings?
Does Marvel have an equivalent of the Green Lantern?
Isn't this a trivial corollary?
Is this one of the engines from the 9/11 aircraft?
Distance Matrix (plugin) - QGIS
Could Sauron have read Tom Bombadil's mind if Tom had held the Palantir?
How to get cool night-vision without lame drawbacks?
What is the legal status of travelling with (unprescribed) methadone in your carry-on?
Unusual mail headers, evidence of an attempted attack. Have I been pwned?
What sort of mathematical problems are there in AI that people are working on?
Catching generic Exception in a toString implementation - bad practice?
Why is the Turkish president's surname spelt in Russian as Эрдоган, with г?
How come I was asked by a CBP officer why I was in the US?
Should I hide continue button until tasks are completed?
Importance of the principal bundle in Chern-Simons theory
MH370 blackbox - is it still possible to retrieve data from it?
Abel-Jacobi map on symmetric product of genus 4 curve
Is adding a new player (or players) a DM decision, or a group decision?
Is there any set of 2-6 notes that doesn't have a chord name?
Inverse-quotes-quine
Alphabet completion rate
How risky is real estate?
In the Marvel universe, can a human have a baby with any non-human?
Toggle class in angular 7 between sibling component
How do I detect a click outside an element?Trigger a button click with JavaScript on the Enter key in a text boxHow to change an element's class with JavaScript?How do I add a class to a given element?What's the difference between using “let” and “var”?How can I select an element with multiple classes in jQuery?event.preventDefault() vs. return falsejQuery disable/enable submit buttonWhat is the difference between call and apply?jQuery scroll to element
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
i want to toggle class in angular 7 between sibling component.suppose we have button in header and a left menu. when we click on button it will add class in left menu and again if we click on button it has to remove that class.
javascript show-hide angular7
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
add a comment |
i want to toggle class in angular 7 between sibling component.suppose we have button in header and a left menu. when we click on button it will add class in left menu and again if we click on button it has to remove that class.
javascript show-hide angular7
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35
add a comment |
i want to toggle class in angular 7 between sibling component.suppose we have button in header and a left menu. when we click on button it will add class in left menu and again if we click on button it has to remove that class.
javascript show-hide angular7
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
i want to toggle class in angular 7 between sibling component.suppose we have button in header and a left menu. when we click on button it will add class in left menu and again if we click on button it has to remove that class.
javascript show-hide angular7
javascript show-hide angular7
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
edited Mar 25 at 10:34
Richard Garside
41.8k9 gold badges65 silver badges77 bronze badges
41.8k9 gold badges65 silver badges77 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
asked Mar 25 at 10:29
Arjun SinghArjun Singh
83 bronze badges
83 bronze badges
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35
add a comment |
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35
add a 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%2f55335753%2ftoggle-class-in-angular-7-between-sibling-component%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
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%2f55335753%2ftoggle-class-in-angular-7-between-sibling-component%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
You have two common ways of achieving this: use Output and Input combo, or use a state management library such as NGXS or NGRX.
– enf0rcer
Mar 25 at 10:31
could you please demonstrate it for me?
– Arjun Singh
Mar 25 at 10:35