Question

如何获取模板中标记属性的值并将其存储在打字稿中的变量。为此，我尝试使用下面的代码，但出现错误

模板

<div *ngFor="let item of store">
<div (click)='getMatchid("value")'   value={{item.ttypeUid}} >{{item.ttypeName}}</div>
              </div>

typecsript

  getMatchid(val){
    this.MatchId = val
    console.log('val ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ' + val);

  }

Answer 1

您可以像

那样直接将ttypeUid传递给getMachid

<div (click)='getMatchid(item.ttypeUid)'>{{item.ttypeName})</div>

Answer 2

值属性用于输入，在div

中不可用

像这样在函数本身中将Id作为参数传递，

HTML

<div *ngFor="let item of store">
    <div (click)='getMatchid(item.ttypeUi)'>
         {{item.ttypeName}}
    </div>  
</div>

TS

 getMatchid(val){
    this.MatchId = val
    console.log('val ++++++++++++++++++++++++++ ' + val);

  }

Answer 3

如果要在单击div时获取ttypeUid，则您可以编写如下

HTML代码

   <div *ngFor="let item of store">
     <div (click)='getMatchid(item.ttypeUid)'>{{item.ttypeName}}</div>
   </div>

TS代码

getMatchid(val){
  // you will get here, val == item.ttypeUid
  this.MatchId = val
   console.log('val ++++' + val);
}

Answer 4

请尝试

<div *ngFor="let item of store">
    <div (click)="getMatchid(item.ttypeUid)">{{item.ttypeName}}</div>
</div>



getMatchid(val){
    this.MatchId = val;
    console.log(val, '*** Value From Div Click ***');
}

如何获取模板中标签属性的值

4 个答案: