Question

我有一个视图，其中列出了现有的联系人。

路线：/ contacts
controller：contacts.list
查看：/templates/list.html

我有另一种观点，我想在其中添加新的联系人

路线：/ contacts / add
controller：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

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

1 个答案: