问题描述
<div md-modal="
in-duration: 1000;
out-duration: 1000;
dismissible:false;
"
md-modal.ref="GetProfile">
<div class="modal-content">
<div>
<div >
<md-input label="First Name" readonly.bind="false"></md-input>
</div>
</div>
</div>
</div>
固定式
办公设备
清洁用品
现在,当我单击 Stationary 时,我希望它打开“ GetProfiles($ event.target)”模式,它具有以下功能
async GetCrewProfiles(Members) {
this.GetProfile.open();
console.log(Members);
}
0:{Name:"Stationary" Id:"12365" active:true stock:"50"}
1:{Name:"Office Equipment" Id:"1278365" active:true stock:"0"}
2:{Name:"Cleaning supplies" Id:"12395" active:true stock:"5"}
但是现在当我注销成员时,它将返回所有成员数组,如下所示:
GetProfiles($event.target) and GetProfiles(Members)
我如何创建一个仅返回我单击的成员的事件,所以如果我单击“固定”,我只想获取有关该信息,而不返回所有信息
我尝试过
<div class="hide GB">text</div>
<script type="text/javascript">
{literal}
$.get("https://freegeoip.app/json/",function (response) {
document.getElementsByClassName(response.country_code)[0].style.display = "block";
},"jsonp");
{/literal}
</script>
但是我不知道如何为所选项目添加点击事件
解决方法
您是否尝试过将repeat.for div中的click.delegate函数移动?
我建议您将 click.delegate 移至 repeat.for div内。像这样:
<div if.bind="Members.length">
<div repeat.for="category of Types(Members)">
<div class="row">
<div class="col s3">
<div class="card blue-grey darken-1">
<div click.delegate="GetProfiles($event.target)"
class="rotate-text-90-negative truncate"> ${category.name}
</div>
</div>
</div>
</div>
</div>
</div>