代码之家 › 专栏 › 技术社区 › Minial

扫描后删除二维码

qr-code ionic2

Minial · 技术社区 · 8 年前

正在显示它(<);p>标记错误?

QR码是从不是从数据库中获取的类型字符串生成的。

我是否需要有一个数据库和一个脚本,每隔一段时间运行,以检查二维码是否已被读取, 我的假设错了吗?

//in my file.ts
createCode() {
this.createdCode = this.qrData;
}

//in my file.html
<ion-card *ngIf="createdCode">
  <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode>
    <ion-card-content>
      <p>Value: {{ createdCode}}</p>
  </ion-card-content>
</ion-card>

如果你有任何相关的问题,请一定告诉我,因为我无法在几个小时的时间里找到答案。

1 回复 | 直到 8 年前

Minial 8 年前

没关系,我只需要添加span类来处理关闭它。

<span class = 
            "closebtn" onclick="this.parentElement.style.display='none';">&times;
       </span> 
         <ion-card *ngIf="createdCode">
           <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode>
                <ion-card-content>
                    <p>Value: {{ createdCode}}</p>
                </ion-card-content>
            </ion-card>

并存档。SCS添加以下内容以显示关闭按钮。

    .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    color: black;
}

推荐文章

Ali Abdulaal · Ionic 2——如何在变量中放入大量JSON数据,并在没有延迟的情况下删除重复的数据?

7 年前

Simon · 错误:无法传输程序-ionic2

7 年前

Rafael de Castro · 离子存储不需要的更改

7 年前

Rafael de Castro · 离子型/角型2-在页面之间插入“中介体”。ts和提供商。ts

7 年前

Ke Vin · 如何在ionic 3中使用选项卡正确设置我的主应用程序的根目录?

7 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

7 年前

Kumar · 在离子项目中内联显示信息图标

7 年前

StuartDTO · 如何在Ionic中打开组件

7 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

7 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

7 年前