Использование AngularJS & Ui-router.
Проблемный сценарий:
У меня есть набор фиксированных переключателей на 10 страниц с
Ежедневно, еженедельно, ежемесячно и ежегодно.
Переключение переключателя, указанного выше, создаст файл state.go, который установит в параметрах состояния значение выбранной переключателя (с помощью ng-change, ng-model).
Текущий код, который я продублировал на каждой странице.
Теперь я хотел бы создать компонент AngularJS для этих переключателей.
<div>
<label>
Daily
<input type="radio" ng-model="dateModel" value="Daily" name="radioDateType"
ng-change="SetDateTypeOption(dateModel)">
<span class="checkmark"></span>'
</label>
<label>
WTD
<input type="radio" value="WTD" ng-model="dateModel" name="radioDateType"
ng-change="SetDateTypeOption(dateModel)">
<span class="checkmark"></span>
</label>
</div>
Это упрощенный поршень (не работает), но вы можете увидеть, чего я пытаюсь достичь.
Во-первых, я не могу даже показать переключатель, несмотря на то, что уже использую шаблон.
Второе - если он может отображаться, я хочу, чтобы он отображал предупреждение, когда я переключаюсь между переключателями (это тест, что работает ng-change)
Наконец, мне нужно будет реализовывать $ state.go при каждом изменении ng.
https://plnkr.co/edit/N5CDz0ZBhSG1leq3Hiw2?p=preview