AngularJS：在更改路线时显示视图而不替换现有视图

Question

我有一个列出现有联系人的视图。

• 路线：/联系人
• 控制器：contacts.list
• 查看：/templates/list.html

我想在另一个视图中添加新联系人

• 路由：/contacts/add
• 控制器：contacts.add
• 查看：/templates/add.html

使用路线，我可以在需要时显示其中任何一个。

但我面临的挑战是在单击添加按钮而不是替换列表视图时在弹出窗口中显示添加表单页面。

基本上我想将“添加”与 /contacts/add URL 链接起来，这将在弹出窗口中加载视图并将控制器绑定到它，而不是替换整个视图。

请帮助我思考如何在 Angular 中实现这一目标。

以下是我目前所拥有的。

var myModule =
  angular
    .module('myModule', [])
      .config(['$routeProvider', function config($routeProvider){
        $routeProvider
         .when('/contacts', {
           controller : 'contacts.list',
           templateUrl : 'templates/contacts/list.html'
         })
         .when('/cotnacts/add', {
           controller : 'contacts.add',
           templateUrl : 'templates/contacts/add.html'
         });
    }]);

Answer 1

您可能希望将角度路线映射到自定义事件，而不是真正使用 <ng-view>

看到这个：www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm