Como posso me livrar de $ parent em angular
Aqui estáPlunker
Eu tenho um modelo externo dentro de um controlador com ng-include. Ele é mostrado e oculto com base no evento de clique do Button. Está funcionando conforme necessário, mas com $ parent no ng-include Template. Existe alguma outra maneira melhor de fazer isso?
Html
<body ng-controller="MainCtrl">
<div data-ng-include="'terms.html'" data-ng-show="otherContent"></div>
<div ng-show="mainPage">
<p>Hello {{name}}!</p>
<button data-ng-click="mainPage=false; otherContent=true">Link to some Content</button>
</div>
</body>
JS
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.mainPage=true;
});
Modelo externo
<p>Some content here </p>
<button data-ng-click="$parent.mainPage=true; $parent.otherContent=false">Back</button>