Comments (11)
If you want to hide the title attribute on the QR Code, you just have to add [attr.title]="''" on the component html tag.
from angularx-qrcode.
google a lot on this, and finally, find below piece of code working,
use > style="pointer-events: none"
Example >
from angularx-qrcode.
That's the most pragmatic solution, that's the way to go.
from angularx-qrcode.
qrcode [qrdata]="angularxQrCode" style="pointer-events: none" [size]="150" [level]="'M'" ></qrcode
from angularx-qrcode.
Hello dhyey35,
and thanks for your report. It's a good enhancement, although I have to hack it into the only dependency of that project:
https://github.com/davidshimjs/qrcodejs/blob/master/qrcode.js#L585
I guess it'll be a rewrite-to-typescript-project for the above mentioned lib, I keep you updated of my progress.
from angularx-qrcode.
I think rewrite would be an overkill as the project hasn't been updated since 2015, we can just fork it and add a new option called noTitle
in _htOption
which would be a boolean on https://github.com/davidshimjs/qrcodejs/blob/master/qrcode.js#L536 and pass it to makeCode
from https://github.com/davidshimjs/qrcodejs/blob/master/qrcode.js#L572 than we can have a simple if
condition check in makeCode
function in https://github.com/davidshimjs/qrcodejs/blob/master/qrcode.js#L585 and just update our qrcodejs2.d.ts and finally point our package.json
to our forked version.
What do you think about this ?
from angularx-qrcode.
@GianniAzizi nice tip
from angularx-qrcode.
[attr.title]="''"
This helped thanks ;)
from angularx-qrcode.
google a lot on this, and finally, find below piece of code working,
use > style="pointer-events: none"
Example >
Thanks a lot
from angularx-qrcode.
I have to add [attr.title]="''" on the component html tag.But it doesn't work,then try another style="pointer-events: none", it's OK. I think it wasn't the best.
from angularx-qrcode.
I have to add [attr.title]="''" on the component html tag.But it doesn't work,then try another style="pointer-events: none", it's OK. I think it wasn't the best.
But it does the job, I had to go with this one as well.
from angularx-qrcode.
Related Issues (20)
- QR-Code not displayed in Google Chrome when center image is defined HOT 3
- qrCode not working in dialog window! HOT 4
- [email protected] (Angular v8) should have a callback for returning the url when is created HOT 1
- Accidentally pulling in @types/node HOT 7
- Support for Angular 16 HOT 5
- How many string can [qrdata] hold? HOT 1
- angular 16.1.8 declare var AbortSignal: error HOT 4
- When i scan the QR code the accents are replaced with chinese characters HOT 1
- Is it possible to get the Base64 image string for a QR code in a TS file? HOT 3
- qrcode types missing HOT 7
- When i initialize the QR code,Chrome console show : Uncaught (in promise) SyntaxError: Unexpected token '�', "�PNG
- Support for Angular 17 HOT 8
- Support qrCodeURL (EventEmitter) for 12.0.3 version HOT 1
- Ionic Capacitor NSURLResponse error HOT 2
- Could not find a declaration file for module 'qrcode' HOT 9
- types.ts RGBAColor issue HOT 1
- Warning on Compilation: Dependency on CommonJS 'qrcode' Module Causes Optimization Bailouts HOT 2
- qrcode module is not ESM HOT 1
- Please add support for Angular v18 HOT 7
- Android rendering? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angularx-qrcode.