Angular directives Bindings
those weeks I learned about angular directives bindings with other controllers.
When you are designing new web views you always have to propose solutions a better way to find the answer, that’s exactly what I had to do in the project, while I was calling “this.state.go(this.$state.current);”, to refresh the current scope.

From my perspective that solution was right my team lead detected a problem, we don’t need to refresh all scope, we only need to refresh green component, only if the red one change something(make him a slave of the other), and suggest me to do that, so I ask for help from Pernix mates, and them guide me to: ‘https://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/', its a tutorial about how to implement a listener in a directive.

So in the image you can see component 1, it will be waiting for changes on component 2 to refresh his scope without affecting another component on the parent view, for that we need to declare one listener var and call it on component 2, that's the main idea.
You can check implementation in here. If you were asking yourself “Why I need this If I could refresh all the $scope?”, put yourself on user’s shoes, every time you do something on a web page if that page refresh after doing some action, you going to got a terrible look and feel from the app making you feel bored and maybe stop using that app cause of that refresh because you are consuming data every refresh, when you clearly could be won fewer resources if only refresh a little component instead of all view.
I hope to clarify why you have to use more directives on web applications.
