我知道它已经被讨论过很多次了，大多数文章都引用了以下代码：AngularJS中带有自定义URL的模态窗口

但是我就是不明白。我根本看不出来。我还发现这个jsfiddle实际上很棒，非常有帮助，除了它不添加url并允许我使用后退按钮关闭模式。

编辑：这是我需要帮助。

因此，让我尝试解释我要实现的目标。 我有一个添加新项目的表格，并且有一个“添加新项目”链接。我想当我单击“添加新项目”时，使用我创建的“ add-
item.html”形式弹出模式。这是一个新状态，因此url更改为/add-item。我可以填写表格，然后选择保存或关闭。关闭，关闭模式：p（多么奇怪）。但是我也可以单击返回以关闭模式，并返回到上一页（状态）。
由于我仍在努力使模态正常工作，因此我此时不需要Close方面的帮助。

这是我目前的代码：

导航控制器：（ 这是否是放置模态函数的正确位置？）

angular.module('cbuiRouterApp')
  .controller('NavbarCtrl', function ($scope, $location, Auth, $modal) {
    $scope.menu = [{
      'title': 'Home',
      'link': '/'
    }];

    $scope.open = function(){

        // open modal whithout changing url
        $modal.open({
          templateUrl: 'components/new-item/new-item.html'
        });

        // I need to open popup via $state.go or something like this
        $scope.close = function(result){
          $modal.close(result);
        };
      };

    $scope.isCollapsed = true;
    $scope.isLoggedIn = Auth.isLoggedIn;
    $scope.isAdmin = Auth.isAdmin;
    $scope.getCurrentUser = Auth.getCurrentUser;

    $scope.logout = function() {
      Auth.logout();
      $location.path('/login');
    };

    $scope.isActive = function(route) {
      return route === $location.path();
    };
  });

这就是我激活模式的方式：

 <li ng-show='isLoggedIn()' ng-class='{active: isActive("/new-item")}'>
   <a href='javascript: void 0;' ng-click='open()'>New Item</a>
 </li>

new-item.html：

<div class="modal-header">
  <h3 class="modal-title">I'm a modal!</h3>
</div>
<div class="modal-body">
  <ul>
    <li ng-repeat="item in items"><a ng-click="selected.item = item">{{ item }}</a></li>
  </ul>Selected:<b>{{ selected.item }}</b>
</div>
<div class="modal-footer">
  <button ng-click="ok()" class="btn btn-primary">OK</button>
  <button ng-click="close()" class="btn btn-primary">OK</button>
</div>

同样，尽管这确实打开了一个模式，但由于我无法解决，所以无法关闭它。