Asking about how can generate QR code in html in angular 4
Here I am binding the QR code in html, but when I am trying to scan QR code on form but due to some styling problem it will not scan. And Qr Code came to service. I thought it could be some Boostrap issue. If you have any suggestion please share it.
My code:
<img *ngIf="(result['qrcodefilepath'] !=null && result['qrcodefilepath'] !='')"
bind-src="result['qrcodefilepath']"
style="position:absolute;top: 7px;left:0.96in;"
/>
angular
|
show 1 more comment
Here I am binding the QR code in html, but when I am trying to scan QR code on form but due to some styling problem it will not scan. And Qr Code came to service. I thought it could be some Boostrap issue. If you have any suggestion please share it.
My code:
<img *ngIf="(result['qrcodefilepath'] !=null && result['qrcodefilepath'] !='')"
bind-src="result['qrcodefilepath']"
style="position:absolute;top: 7px;left:0.96in;"
/>
angular
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46
|
show 1 more comment
Here I am binding the QR code in html, but when I am trying to scan QR code on form but due to some styling problem it will not scan. And Qr Code came to service. I thought it could be some Boostrap issue. If you have any suggestion please share it.
My code:
<img *ngIf="(result['qrcodefilepath'] !=null && result['qrcodefilepath'] !='')"
bind-src="result['qrcodefilepath']"
style="position:absolute;top: 7px;left:0.96in;"
/>
angular
Here I am binding the QR code in html, but when I am trying to scan QR code on form but due to some styling problem it will not scan. And Qr Code came to service. I thought it could be some Boostrap issue. If you have any suggestion please share it.
My code:
<img *ngIf="(result['qrcodefilepath'] !=null && result['qrcodefilepath'] !='')"
bind-src="result['qrcodefilepath']"
style="position:absolute;top: 7px;left:0.96in;"
/>
angular
angular
edited Nov 27 '18 at 11:18
barbsan
2,43621223
2,43621223
asked Nov 27 '18 at 5:20
Shubham AmetaShubham Ameta
66
66
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46
|
show 1 more comment
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46
|
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%2f53493206%2fasking-about-how-can-generate-qr-code-in-html-in-angular-4%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%2f53493206%2fasking-about-how-can-generate-qr-code-in-html-in-angular-4%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
I don't see any such style issues in your code, the problem must be somewhere else. can you create stackblitz for the same?
– Pardeep Jain
Nov 27 '18 at 5:25
Here is working example with your code stackblitz.com/edit/qrcode?file=src%2Fapp%2Fapp.component.html
– Pardeep Jain
Nov 27 '18 at 5:31
Thanks for suggestion Pardeep.when i scanning QR code is not scan.but if i download the QR code and scanning it will be work.
– Shubham Ameta
Nov 27 '18 at 5:39
No Bro, please check my example this is working fine even when you scan. Have you checked?
– Pardeep Jain
Nov 27 '18 at 5:40
yes your code its working here.But in my code QR code change automatically.Actually QR code coming backend side
– Shubham Ameta
Nov 27 '18 at 5:46