Angularjs 将选中复选框的值添加到数组中

这不是一个扭曲的问题，但不知何故让我困惑

HTML-A
此视图呈现一个屏幕名称（例如：Home）及其所有关联的导航

<div ng-repeat="content in Data.ContentDataList">
   <div>{{content.Name}</div>
        <div>
            <li ng-repeat="nav in content.NavigationList" >{{nav.Text}}</li>
       </div>
  </div>

{{content.Name}
{{{nav.Text}

HTML-B
在同一视图中，这将呈现所有可用导航的列表

<dl>
   <dd ng-repeat="item in selectedItems">
   <input type="checkbox" ng-model="item.isSelected" ng-click="addNav(item.contentData.Name )" />{{ item.contentData.Name }}
  </dd>
</dl>

{{item.contentData.Name}

控制器

app.controller('NavController', ['$scope','Service','$routeParams', function ($scope, Service, $routeParams) {
$scope.items = [];
$scope.Data = [];
$scope.selectedItems = [];

$scope.addNav = function() {

     ????? Fire an event to add selected navigation from HTML-B to HTML-A ??????
};

Service.getData(xyz).then(function (results) {

    $scope.Data = results.data;
    $scope.items = $scope.Data.ContentDataList;

    for(var i=0; i<$scope.items.length; i++) {

     var mycl = {'contentData' : $scope.items[i], 
         'isSelected' : false };
     $scope.selectedItems.push(mycl);
    };
});

app.controller（'NavController'，['$scope'，'Service'，'$routeParams'，函数（$scope，Service，$routeParams）{
$scope.items=[]；
$scope.Data=[]；
$scope.selectedItems=[]；
$scope.addNav=函数（）{
？？？触发事件以将选定的导航从HTML-B添加到HTML-A？？？？？？
};
getData（xyz）.then（函数（结果）{
$scope.Data=results.Data；
$scope.items=$scope.Data.ContentDataList；
对于（var i=0；i，这里是addNav函数

$scope.addNav = function(cbName) {
    content.NavigationList.push({text:cbName});
};

控制器需要addNav函数，其中选中的复选框名称被添加到ng repeat=“内容中的nav.NavigationList”。