javascript - 目标 ="_self"未重新加载页面

Question

我有我的 Angular Directive(指令)，这是一些 div 周围有一个 <a href="" target="_self"></a>但是当我点击 div 时它不会重新加载我的页面。

我做错了什么吗？

这是完整的指令

<div class="col s12 m6 l4">
    <div class="video-card">
        <a href="#/videos/detail/{{video.Id}}" target="_self">
            <div class="card-image">
                <img ng-src="{{video.ThumbnailUrl?video.ThumbnailUrl:'img/images.png'}}" src="" />
            </div>
        </a>
        <a href="#/videos/detail/{{video.Id}}" target="_self">
            <div class="card-content">
                <div class="card-title-box">
                    <a href="#/videos/detail/{{video.Id}}">
                        <span class="card-title grey-text text-darken-4">
                            {{video.Title}}
                        </span>
                    </a>
                </div>
                <div class="card-action">
                    <div class="more-info">
                        <span class="group grey-text">
                            {{ video.Author}}
                        </span>
                        <a href="#/groups/detail/{{playlist.Id}}/List/{{video.Id}}" ng-if="playlist">
                            <i class="mdi-av-play-arrow right tooltipped black-text small "
                               data-position="top" data-delay="0" data-tooltip="{{'video.playFromhere' | translate}}"></i>
                        </a>
                    </div>
                </div>
            </div>
        </a>
</div>
</div>

由于我在详细信息页面上使用的插件中存在错误，我需要重新加载页面，并且该插件的作者也无法弄清楚发生了什么，让它工作的唯一方法是观看视频时重新加载页面。

Answer 1

您可以使用 window.location.reload() 在 Javascript 中重新加载页面

<a href="" onclick="window.location.reload()"></a>