ionic之html和ts交互

清疚 2022-04-23 02:28 179阅读 0赞

<ion-checkbox  #id (click)="checkAll(id)" ></ion-checkbox>

checkAll(event) {
         if (!event.checked ) { ---直接可以点出来属性
          this.selectPerson = [];
          this.user.forEach(item => {
            item.isChecked = true;
            const data = item.userId + item.userName;
            this.selectPerson.push(data);
          });
        } else {
          this.selectPerson = [];
          this.user.forEach(item => {
            item.isChecked = false;
          });
        }
       }

整个标签作为变量

<ion-label>
            <label #uName class="reason">{
       {item.userName}}</label>
            <span #uId class="idSpan">{
       {item.userId}}</span>
     </ion-label>
          <ion-checkbox  #checker (ionChange)="ChoicePerson(uName,uId,checker)"></ion-checkbox>

标签在html中当做变量传到另外一个标签中

ChoicePerson(uName: any, uId: any, checker: any) {
        if (uId.innerText === this.id) {  ----直接用innertext就可以
          super.showToast(this.toastCtrl, '不可以选自己哦！');
        } else {
          const data = uId.innerText + uName.innerText;
          if (this.selectPerson.indexOf(data) === -1) {
            this.selectPerson.push(data);
          } else {
            this.selectPerson.splice(this.selectPerson.indexOf(data), 1);
          }
        }
      }

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 和 HTML 页面交互

参考链接：[参考地址][Link 1] 一.WebView加载HTML页面 String urlLocal = "file:///android_asset/i

╰半橙微兮°/ 2023年07月01日 05:29/ 0 赞/ 8 阅读

相关 html页面引入ts文件,html中引入ts，使用webpack如何正确配置？

目的：html多文件中script引入ts文件，然后通过webpack服务运行起来。部分代码： index.html index.tsconsole.log(docum

- 日理万妓/ 2022年10月06日 11:55/ 0 赞/ 865 阅读

相关 flex与html交互和js调用

Flex与Html交互获得参数 1. 在html页面包含swf <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-44

我不是女神ヾ/ 2022年09月29日 12:58/ 0 赞/ 212 阅读

相关 ionic ng-bind-html

依赖js文件，使用cdn <script src="//cdn.bootcss.com/angular-sanitize/1.6.0-rc.2/angular-san

深碍√TFBOYSˉ_/ 2022年07月14日 06:15/ 0 赞/ 89 阅读

相关 ionic3 html中的if

ionic3 html中的if <div ngIf="status == 10; else elseBlock"> <div>我是status10</di

男娘i/ 2022年05月31日 02:48/ 0 赞/ 128 阅读

相关 Android和Html的简单交互

1.通过WebView加载Html界面。在android studio中html放在assets中。 ![969154-20170306155914438-108042014

偏执的太偏执、/ 2022年05月14日 00:04/ 0 赞/ 186 阅读

相关 HTML和JSP的交互

HTML和JSP的交互 1、任务简介本博客分享的是工程训练任务中“中间件和WEB服务”里面的内容，主要涉及HTML和JSP的知识，我通过两个普通任务和一个挑战任务

忘是亡心i/ 2022年05月12日 06:48/ 0 赞/ 266 阅读

相关 Java模板引擎之Thymeleaf(纯HTML交互)

官方地址：[https://www.thymeleaf.org/][https_www.thymeleaf.org] Thymeleaf是一个适用于Web和独立环境的现代服务

Love The Way You Lie/ 2022年04月25日 09:30/ 0 赞/ 171 阅读

相关 ionic之html和ts交互

<ion-checkbox id (click)="checkAll(id)" ></ion-checkbox> checkAll(event) {

清疚/ 2022年04月23日 02:28/ 0 赞/ 180 阅读

相关 Android 和 html的js交互

![70][] 使用场景：当界面需要加载html，并且单纯显示已经不满足需求使用方法： ![70 1][

╰+哭是因爲堅強的太久メ/ 2021年09月15日 15:16/ 0 赞/ 346 阅读