Javascript 显示AngularJS给定的值从锚标记单击后重复

我试图在单击锚标记后动态显示文件名的标题。单击锚定标记后，它应该显示其文件名，然后在底部显示其文件（给定gdrive链接）。显示文件效果很好，但我似乎无法显示文件名。它显示的不是文件名，而是{{file.name}，这意味着没有计算file.name。（我使用AngularJS动态遍历并显示文件和文件名）

这是代码

<div class="ui two column stackable grid">
    <div class="column">
        <div class="drive-link">
            <h2 class="header" id="filename"></h2> 
            <!-- the filename should be shown here. Value is being passed through {{file.name}} from an a tag below -->
            <iframe name="embedded-iframe" allowfullscreen="" frameborder="0"></iframe>
        </div>
    </div>

    <div class="column">
        <div class="ui styled accordion">
            <div ng-repeat="file in files">
                <div class="single-category-component" ng-if="$index==0">
                    <div class="active title"> 
                        <i class="dropdown icon"></i>
                        {{file.category}}
                    </div>
                    <div class="active content">
                        <a target="embedded-iframe" href="{{file.link}}" onclick="document.getElementById('filename').innerHTML='{{file.name}}';"> {{file.name}} </a>
                        <!--where I'm passing {{file.name}} to the h2 tag on the top-->
                        <div ng-repeat="next_file in files | limitTo:files.length:$parent.$index">
                            <a target="embedded-iframe" ng-if="$index > 0 && next_file.category_id == files[$index-1].category_id" href="{{next_file.link}}">{{next_file.name}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{file.category}

像第一组onclick方法一样，将文件名传递给函数

<a target="embedded-iframe" href="{{file.link}}" onclick="show_file_name({{file.name}})"> {{file.name}} </a>

可以像这样传递多个值

function show_file_name(name){
   console.log(name); //this is the file name that you sent form onclikc method
}

onclick="show_file_name({{file.name}}, {{file.link}})"

function show_file_name(name, link){
   console.log(name);
   console.log(link);

}

像这样得到它

function show_file_name(name){
   console.log(name); //this is the file name that you sent form onclikc method
}

onclick="show_file_name({{file.name}}, {{file.link}})"

function show_file_name(name, link){
   console.log(name);
   console.log(link);

}

---

使用

ng单击

将文件对象传递给控制器

HTML

<h2 class="header" id="filename">{{fileName}}</h2> 
 .............
<a target="embedded-iframe" ng-href="file.link" ng-click="show_file_name(file)"> {{file.name}} </a>