如何在aurelia中单击div时返回单个项目

如何解决如何在aurelia中单击div时返回单个项目

我有一个div，当您单击它时，它会打开一个模态。如下

<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>

因此，当页面加载时，例如，我会显示3个类别名称

固定式

办公设备

清洁用品

现在，当我单击 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>