Why can't I change href programmatically when Angular Service worker is used?
I'm trying to change a link's href programmatically in an external webpage that uses an Angular Service worker.
The link looks like <a _ngcontent-c32="" href="/something">Something</a> and uses this EventListener:
function(e){if(e=e||t.event){var n=this||e.target||t,r=n[C[e.type][f]];if(r)if(1===r.length)y(r[0],n,e);else for(var i=r.slice(),o=0;o<i.length&&(!e||!0!==e[z]);o++)y(i[o],n,e)}}
When I run
document.querySelector('a').setAttribute('href', '/something-else') or document.querySelector('a').href = '/something-else' I can see the href did technically changed, but the webpage completely ignores it when I click the link and uses the original href instead.
Is there something I can do to make the Service Worker aware of this change?
angular-service-worker
asked Nov 27 '18 at 3:13
LWCLWC
413422
add a comment |
I'm trying to change a link's href programmatically in an external webpage that uses an Angular Service worker.
The link looks like <a _ngcontent-c32="" href="/something">Something</a> and uses this EventListener:
function(e){if(e=e||t.event){var n=this||e.target||t,r=n[C[e.type][f]];if(r)if(1===r.length)y(r[0],n,e);else for(var i=r.slice(),o=0;o<i.length&&(!e||!0!==e[z]);o++)y(i[o],n,e)}}
When I run
document.querySelector('a').setAttribute('href', '/something-else') or document.querySelector('a').href = '/something-else' I can see the href did technically changed, but the webpage completely ignores it when I click the link and uses the original href instead.
Is there something I can do to make the Service Worker aware of this change?
angular-service-worker
asked Nov 27 '18 at 3:13
LWCLWC
413422
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28
add a comment |
I'm trying to change a link's href programmatically in an external webpage that uses an Angular Service worker.
The link looks like <a _ngcontent-c32="" href="/something">Something</a> and uses this EventListener:
function(e){if(e=e||t.event){var n=this||e.target||t,r=n[C[e.type][f]];if(r)if(1===r.length)y(r[0],n,e);else for(var i=r.slice(),o=0;o<i.length&&(!e||!0!==e[z]);o++)y(i[o],n,e)}}
When I run
document.querySelector('a').setAttribute('href', '/something-else') or document.querySelector('a').href = '/something-else' I can see the href did technically changed, but the webpage completely ignores it when I click the link and uses the original href instead.
Is there something I can do to make the Service Worker aware of this change?
angular-service-worker
asked Nov 27 '18 at 3:13
LWCLWC
413422
I'm trying to change a link's href programmatically in an external webpage that uses an Angular Service worker.
The link looks like <a _ngcontent-c32="" href="/something">Something</a> and uses this EventListener:
function(e){if(e=e||t.event){var n=this||e.target||t,r=n[C[e.type][f]];if(r)if(1===r.length)y(r[0],n,e);else for(var i=r.slice(),o=0;o<i.length&&(!e||!0!==e[z]);o++)y(i[o],n,e)}}
When I run
document.querySelector('a').setAttribute('href', '/something-else') or document.querySelector('a').href = '/something-else' I can see the href did technically changed, but the webpage completely ignores it when I click the link and uses the original href instead.
Is there something I can do to make the Service Worker aware of this change?
angular-service-worker
angular-service-worker
asked Nov 27 '18 at 3:13
LWCLWC
413422
asked Nov 27 '18 at 3:13
LWCLWC
413422
edited Nov 28 '18 at 6:49
LWC
asked Nov 27 '18 at 3:13
LWCLWC
413422
asked Nov 27 '18 at 3:13
LWCLWC
413422
asked Nov 27 '18 at 3:13
LWCLWC
413422
413422
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28
add a comment |
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28
add a comment |
1 Answer
1
active
oldest
votes
first try to use angular property [attr.href] or [href] and by using this you can change url programmatically by using ternary condition.
<a [href]="reverse ? 'https://stackoverflow.com/questions/53492185/why-cant-i-change-href-programmatically-in-angular' : 'https://material.angular.io/components/select/overview'" target="_blank">click here</a>
Note: these both properties will not append
base URLso you need to
specify complete path.
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
add a comment |
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%2f53492185%2fwhy-cant-i-change-href-programmatically-when-angular-service-worker-is-used%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
first try to use angular property [attr.href] or [href] and by using this you can change url programmatically by using ternary condition.
<a [href]="reverse ? 'https://stackoverflow.com/questions/53492185/why-cant-i-change-href-programmatically-in-angular' : 'https://material.angular.io/components/select/overview'" target="_blank">click here</a>
Note: these both properties will not append
base URLso you need to
specify complete path.
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
add a comment |
first try to use angular property [attr.href] or [href] and by using this you can change url programmatically by using ternary condition.
<a [href]="reverse ? 'https://stackoverflow.com/questions/53492185/why-cant-i-change-href-programmatically-in-angular' : 'https://material.angular.io/components/select/overview'" target="_blank">click here</a>
Note: these both properties will not append
base URLso you need to
specify complete path.
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
add a comment |
first try to use angular property [attr.href] or [href] and by using this you can change url programmatically by using ternary condition.
<a [href]="reverse ? 'https://stackoverflow.com/questions/53492185/why-cant-i-change-href-programmatically-in-angular' : 'https://material.angular.io/components/select/overview'" target="_blank">click here</a>
Note: these both properties will not append
base URLso you need to
specify complete path.
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
first try to use angular property [attr.href] or [href] and by using this you can change url programmatically by using ternary condition.
<a [href]="reverse ? 'https://stackoverflow.com/questions/53492185/why-cant-i-change-href-programmatically-in-angular' : 'https://material.angular.io/components/select/overview'" target="_blank">click here</a>
Note: these both properties will not append
base URLso you need to
specify complete path.
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
answered Nov 27 '18 at 3:30
Farhat ZamanFarhat Zaman
591310
591310
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
add a comment |
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
But it's an external webpage, what do I do in that case?
– LWC
Nov 27 '18 at 3:40
add a comment |
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%2f53492185%2fwhy-cant-i-change-href-programmatically-when-angular-service-worker-is-used%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
Why don't you use a variable instead with a default value of "/something" assigned to it and change that variable programatically and use it in html like so <a _ngcontent-c32="" [href]="link">Something</a>
– Pavan Bahuguni
Nov 27 '18 at 3:22
Just clarified that's it's an external webpage. What do I do in that case?
– LWC
Nov 27 '18 at 3:28