在图像上单击下拉值应更改为Angular2中的图像名称

Question

我有两个不同的div，在一个div我有图像，在第二个Div我有另一个下拉框， 1）嘿是第一个div中的四个图像，当你点击图像时，下拉应该改为图像的名称， 例如：第一张图片标题是“第一张图片”，如果你点击图片下拉列表应该是“第一张图片”。

值来自不同的json值，我把它放在for循环中。

<div >
            <div>
                <button *ngFor="let filter of result" type="button" >
                    <div id="imagepathtext" (click)="showSelected(event)">
                        <img  src= "{{filter.imageurl}}">
                    </div>
                    <div >{{filter.name}} </div>
                    <div> 
                        <span>{{filter.count}}</span> Funds
                    </div>
                </button>
            </div>    

这是下拉Div，

<div >
                <div >
                    <select>
                        <option [value] = "all" >
                            All Asset Classes
                        </option>
                        <option [value] ="filter.name" *ngFor="let filter of result" >
                            {{filter.name}}
                        </option>
                    </select>
                </div>
            </div>

请让我知道答案，提前致谢