Дмитрий Калюк

<input type="checkbox" name="d1" value="p1"  onclick="click_dop()">
<div id="wrap-d1">text d1</div>
<input type="checkbox" name="d2" value="p1"  onclick="click_dop()">
<div id="wrap-d2"> text d2</div>

function click_dop(){
   document.getElementById('wrap-' + this.name).style.display = this.checked ? 'block' : 'none' ;
}

Как то так

Из того что есть на гитхабе,
Вы пошли по стандартному пути MVC - данный подход хорош, но не в разработке на ангуляре,
При написании на анугляре нужно использовать компонентный подход, этого можно добиться если использовать
Provider и Directive.

Я в своих проектах придерживаюсь правила, никакой бизнес логики не писать в контроллере роута,
Взаимодействие с сервером только через провайдер
Любое отображение через директиву, а директиву уже выводим в шаблоне нашего роута,

Данный подход позволяет очень быстро наработать свою базу провайдеров и директив и переиспользовать их в других проектах.

Советую почитать:
https://github.com/johnpapa/angular-styleguide
https://toddmotto.com/no-scope-soup-bind-to-contro...

src
| - appication (каждый js это отдельный модуль)
| - page
| - - page.js
| - - page.css
| - - page.html
| - application.js
| - application.html
| - application.js
| - directive
| - logo
| - - logo.js
| - - logo.html
| - - logo.css
| - provider
| - user
| - - user.js


Подключаем gulp и любуемся нашим приложением