Изменить URL-адрес родителя с AngularJS

Question

У меня есть меню с различными разделами, эти разделы фильтруют некоторые результаты в зависимости от их «раздела» (который может быть 1, 2 или 3):

<div class="menu">
<label class="section" ng-click="changeLoc('Section1')">
  <input type="radio" id="optradio" ng-model="searchText.Section" value="1">
  <p>Section 1</p>
</label>

<label class="section" ng-click="changeLoc('Section2')">
  <input type="radio" id="optradio" ng-model="searchText.Section" value="2">
  <p>Section 2</p>
</label>

<label class="section" ng-click="changeLoc('Section3')">
  <input type="radio" id="optradio" ng-model="searchText.Section" value="3">
  <p>Section 3</p>
</label>
</div>

Я хочу, чтобы URL сайта изменялся в зависимости отраздел нажал

Пример нормального URL : www.normal-site.com

Пример с выбранным разделом : www.normal-site.com/Section1

Проблема в том, что мой код находится внутри iFrame.У меня есть такой скрипт:

$scope.changeLoc = function(newRoute) {
   $location.path(newRoute);
}

... но родительский сайт не изменит URL.Я пробовал что-то подобное, но у меня ничего не получается:

$scope.changeLoc = function(newRoute) {
   parent.$location.path(newRoute);
}

Также Я хочу знать, как проверить определенный раздел, если люди вводят URL с указанным конкретным путем,Пример: люди пишут "www.normal-site.com/Section2" , и ввод "раздела 2" проверяется при загрузке страницы.
Заранее спасибо!