如何从角度5的自定义属性获取值?

时间:2019-01-17 05:34:31

标签: javascript jquery angular angular5

我是新手。我在以下的span标签中添加了自定义属性

<span data-toggle="modal" data-target="#myModal" style="padding: 2px;cursor: pointer;background: #e60000;color: #fff" (click)="loadnewsdetail()" [attr.newsid]="news.NewsId">Read More </span>

我想获取属性newsid的值,因为我正在使用jQuery在以下代码中进行

 loadnewsdetail() {
         var a = $(this).attr('newsid');
         alert(a);
}

它给了我不确定的信息。如何以角度进行此操作以及为什么未定义?

1 个答案:

答案 0 :(得分:1)

您无需获取newsId,而只需将其作为参数传递给click

(click)="loadnewsdetail(news.NewsId)"

像这样得到它。

 loadnewsdetail(newsId) {

    alert(newsId);
  }

或者,如果您想获取属性,则可以将事件传递给函数(在您的情况下实际上不需要)。但是,这是您的操作方法。

(click)="loadnewsdetail($event)"

并使用

获取该值
loadnewsdetail(newsId) { 
    alert(newsId.target.getAttribute("newsid"));
}

demo