Перейти к определенному адресу внутри вложенного html

Question

У меня есть parent search.html и внутри, что я включаю еще один html search-form.html и attribute.html через ng-include. Теперь у внутреннего html search-form.html есть еще один внутренний html searchresults.html, у которого есть привязанный тег onclick, который я хочу указать на attribute.html, который включен в родительский search.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>

поиск-form.html код:

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

searchresults.html Анч или тег:

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

Я хочу нажать на якорь тег внутри этой searchresults.html и прыгать до начала attribute.html внутри search.html. Как это сделать?

Answer 1

Внутри search.html добавьте id в div, который загружает ваши атрибуты.

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

Обычно вы можете просто добавить, что идентификатор для якорной теги на вашей странице, и вы бы перейти к той части страницы.

<a href="#jumpHere">Jump to section</a> 

Тем не менее, кажется, что вы используете Угловое и нужно будет работать в том месте, в вашем методе buildDetails(). Вы хотите использовать услугу $location.

$scope.buildDetails = function() { 
    //other functionality here 

    $location.path('jumpHere'); 
};