angularjs-controlleras

I'm trying to figure out why I'm having trouble overwriting a value passed to an angularJS directive via an isolate scope ( @ ). I try to overwrite the value of vm.index with the following: vm.index = parseInt(vm.index, 10) However, it doesn't work for some reason. If I change it to: vm.newIndex = parseInt(vm.index, 10) It works. Also, assigning the value on the $scope works. Why doesn't the first method work? I've created this example plunker for reference. As you used @ here which need value from an attribute with {{}} interpolation directive. And seems like directive is getting loaded first

I am making a component that contains 3 child components in this way: <header-component> <side-component> <main-component> The main component contains list of heroes. The header component contains two buttons that are suppose to switch the view on the main component to list or grid view. The problem I have now is passing data from the header-component to the main component. So when I click grid button the view on the main content should change to grid view , same for the row view. How can the data be passed between child components in angular 1.5 ? dfsq Component approach I would suggest you