Угловая: отключить кнопку prev и следующую кнопку

У меня есть многоступенчатая форма в угловом и у меня есть 2 кнопки 1.next 2.prev. Как отключить кнопку prev, когда пользователь находится на первом шаге и как отключить следующую кнопку, когда пользователь находится на последнем шаге.
вот мой код:Угловая: отключить кнопку prev и следующую кнопку

<span class="prev"> 
       <input type="button" value="فرم قبلی" class="btn btn-primary" ng-click="$broadcast('Prev')" /> 
         </span> 
       <span class="next"> 
       <input type="button" value="فرم بعدی" class="btn btn-primary" ng-click="$broadcast('Next')" /> 
         </span>

источник

2014-12-10 Anonymous

Нам понадобится больше контекста. Можете ли вы предоставить [jsfiddle] (http://jsfiddle.net) то, что у вас есть? – Dom

Я хотел, но есть много кода, но вы представляете что-то вроде этого http://jsfiddle.net/glenn_antoine/rNudn/ –

Мне нужно что-то вроде этого: ng-class = "{disabled:! HasNextStep()} –

Вы можете определить элемент в вашей области, чтобы определить текущий шаг и использовать нг-инвалида, чтобы включить/отключить кнопки

<span class="prev"> 
     <button value="فرم قبلی" class="btn btn-primary" ng-click="vm.prev()" ng-disabled="vm.currentStep == 1" >Previous</button> 
    </span> 
    <span class="next"> 
     <button value="فرم بعدی" class="btn btn-primary" ng-click="vm.next()" ng-disabled="vm.currentStep == 2" >Next</button> 
    </span>

Это рабочий plnkr http://plnkr.co/edit/nEyYEROk2xv0mFNMEb5g?p=preview

источник

2014-12-10 05:28:04

thx, вы знаете, как я могу получить текущий шаг в ui-router? –

ваши экраны/шаблоны ваших дочерних элементов могут совместно использовать контроллер родителей, где вы можете определить текущий шаг. –

thx для совместного использования со мной времени –

Угловая: отключить кнопку prev и следующую кнопку

ответ

Смежные вопросы