Multi view bind with same controller? Best Solution?

Question

I hope everyone doing great.

I have one controller with couple of views. What I want is when I delete some notification from List A, then the model of List B should be updated.

The best & optimized solution for this problem?

One way is that I make a service and shared the list model with both controller. But is there any other best way?

Amygdaloideum · Answer 1 · 2016-10-04T07:56:12.120

Either you share the data via a service or factory as you mentioned. Or you can use $rootScope.$broadcast events to communicate between the instances of the controller.

Another way is to have the state in a parent scope, and then pass that state down to both its children via attributes on the component/directive. E.g.

<my-first-directive shared-data="sharedData"></my-directive>
<my-second-directive shared-data="sharedData"></my-directive>

This way you can make the recieving directives/components stateless.

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

0

1. you can share rootscope variables for the list view.

Using RootScope Variables and Functions are not professional

2. you can use one controller for both views.

If the codes of two views are not much, you can use one controller for both views.

edited Jun 20 '20 at 09:12

Community

1
1

answered Oct 04 '16 at 07:57

Zhao.YM

61
1
1
11

Controllers are not singletons and two instances will not be able to access each others scopes! – Amygdaloideum Oct 04 '16 at 09:09
http://stackoverflow.com/questions/21919962/share-data-between-angularjs-controllers – Zhao.YM Oct 04 '16 at 09:35
Yes, in that example the controllers share data via a factory, not by having the same instance of the same controller. – Amygdaloideum Oct 04 '16 at 09:46
Did you try with router parameter I posted with another answer? – Zhao.YM Oct 04 '16 at 11:29

score 0 · Answer 3 · answered Oct 04 '16 at 08:44

0

I guess, the best way is not to create two same views for different components. As for me, better practice is using angular routing, so you can use one state through different routes:

$stateProvider.state("my_state", {
        url: "/myView",
        templateUrl: "/views/my-view.html",
        controller: "MyCtrl"
    });

P.S. Don't use $rootScope for this purposes, it's not good practice!)

answered Oct 04 '16 at 08:44

Artur Joshi

75
7

You did not give any example for how to share data models between the instances of the controller. – Amygdaloideum Oct 04 '16 at 09:12

score 0 · Answer 4 · answered Oct 04 '16 at 10:03

Try to do this way.

.when('/company/ticket/log/:company_id', {
      templateUrl: 'views/company/company_ticket_log.html?v=' + CONFIG.VER,
      data: {
            authorizedRoles: [USER_TYPES.LOGINUSER]
      }
});

When you try to do this, use list data in url and list data can be in shared controller like const.js

Multi view bind with same controller? Best Solution?

4 Answers4

1. you can share rootscope variables for the list view.

2. you can use one controller for both views.