跳转到嵌套html中的特定位置

时间:2015-10-21 15:58:46

标签: html

我有一个父search.html,里面我包含另一个html search-form.html和attribute.html到ng-include。 现在内部html search-form.html有另一个内部html searchresults.html,它有一个锚标记onclick,我想指向包含在父search.html中的attribute.html。

我的search.html代码:



<div class="panel panel-primary">
    <!-- Search FORM + RESULTS Panels -->
    <div ng-include="'modules/search/tp/search-form.html'">
    </div>
  
    <div ng-show="isAttributeResultExist()">
        <!--Include ATTRIBUTES PANEL -->
        <div ng-include="'modules/search/attribute.html'">
        </div>
      </div>
&#13;
&#13;
&#13;

search-form.html代码:

&#13;
&#13;
<!--Search RESULTS Tab: Individual-->
<div ng-show="isPersonSearch()">
    <div ng-include="'modules/search/searchresults.html'">
    </div>
</div>
&#13;
&#13;
&#13;

searchresults.html锚标记:

&#13;
&#13;
  <a href="#" ng-click="buildDetails(searchResult.person.Id);">
                    <i class="fa fa-fw fa-search fa-lg"></i>
                </a>
&#13;
&#13;
&#13;

我想点击此searchresults.html中的锚标记,然后跳转到search.html内的attribute.html的开头。 怎么做?

1 个答案:

答案 0 :(得分:0)

在search.html中,为加载属性的div添加一个id。

class Partial<V extends Integer> extends Base<Integer, V>
{
}

class Partial2<V extends Number> extends Base<Number, V> 
{
}

class Partial3<V extends Integer> extends Base<Number, V>
{
}

class Full extends Base<Integer, Integer>
{
}

class Full2 extends Base<Number, Integer>
{
}

通常情况下,您可以将该ID添加到页面上的锚标记中,然后跳转到页面的该部分。

<div id="jumpHere" ng-include="'modules/search/attribute.html'">

但是,您似乎正在使用Angular,并且需要在<a href="#jumpHere">Jump to section</a> 方法中使用该位置。您想使用buildDetails()服务。

$location
相关问题