使用AngularJS更改父级的URL

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

  

普通网址示例：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” ，并在页面加载时检查“ section 2”输入。
预先感谢！