AngularJS: Show view without replacing existing view when a route is changed

Question

I have a view in which I am listing out existing contacts.

route : /contacts
controller : contacts.list
view : /templates/list.html

I have another view in which I want to add a new contact

route : /contacts/add
controller : contacts.add
view : /templates/add.html

Using route, I am able to show either of these when needed.

But the challenge I am facing is to show the add form page in a popup when clicked on Add button instead of replacing list view.

Basically I want to link "Add" with the /contacts/add URL which will load the view in a popup and bind the controller to it, instead of replacing the entire view.

Please help me in how to think in Angular to achieve this.

Following is what I have currently.

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'
         });
    }]);

This is a possible duplicate. See stackoverflow.com/questions/13812962/… — Raghavendra
– Raghavendra, Commented Jul 5, 2014 at 5:32

Raghavendra · Accepted Answer · 2014-07-05 05:41:09Z

0

You might want to map angular routes to custom events and not really using <ng-view>

See this: www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

answered Jul 5, 2014 at 5:41

Raghavendra

5,4074 gold badges39 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS: Show view without replacing existing view when a route is changed

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related