Угловая кнопка отключения, основанная на флажке с частичного просмотра

Question

У меня есть угловое приложение, в котором я использую маршрутизацию. В моем шаблоне, у меня есть кнопка определяется следующим образом:

<button ng-model="button" ng-disabled="!checked" class="btn btn-primary">Button</button> 

В шаблоне я имею в моем частичное представление, которое называется в ui-sref, я следующее:

Click me to toggle: <input type="checkbox" ng-model="checked"> 

Так что я бы как узнать, как включить и отключить кнопку в родительском шаблоне на основе флажка в частичном представлении.

Answer 1

Так что вопрос здесь в том, как транспортировать значение от ребенка к родителю поэтому существует несколько способов достичь этого:

Один в ребенке, где вы нг-модели, указать проверяемые переменное переменной родителя.

Что я имею в виду использовать что-то таким образом Нажмите меня для переключения: <input type="checkbox" ng-model="$parent.checked"> или <input type="checkbox" ng-model="$parent.$parent.checked"> на основе иерархии.

Во-вторых может быть легко исправить, но быть уверенным, с уникальными именами:

использовать $ rootScope. см. $scope имеет видимость между представлением и контроллером, но $rootScope имеет видимость или срок службы $rootScope действителен для всего Углового модуля.

Надеюсь, что эта помощь.