2016-07-06 2 views
0

Я также видел другие ответы, я не ожидаю показать или скрыть кнопку отправки, скорее хочу, чтобы она была включена или отключена, если флажок установлен или нет, соответственно. Я работаю с Angularjs 2 & так ищет ответ в том же ... Вот HTML код:Как проверить, установлен ли пользователь флажок и включить кнопку отправки, если флажок else отключен?

 <input type="checkbox" id="checkbox2"> 
     <span>I have carefully read the agreement <br/>& agree to all Terms & Conditions</span> 
     </center> 
     <button md-raised-button class="md-raised" type="submit" id="but5" [disabled]="![checked]" style="margin-left:34px;">NEXT</button> 
+0

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

+0

@ GünterZöchbauer Я добавил код html, надеюсь, что теперь станет более ясно. –

ответ

1

@ ответ GünterZöchbauer является почти верный. Это решение, которое вы можете использовать.

<input type="checkbox" #checkbox (change)="angular = checkbox.checked"> 
<button type="submit" [disabled]="!checkbox.checked ? true : null"> 

Вы также могли бы использовать что-то вроде этого:

<input type="checkbox" [(ngModel)]="object.selected" /> 
+0

'(change) =" true "', вероятно, тоже будет. Я забыл, что Angular ничего не делает, если на мероприятие не подписан. –

+0

Спасибо большое @ GünterZöchbauer & Cybey, он работает :) –

1

Может быть, это то, что вы хотите:

<input type="checkbox" #checkbox> 
<button type="submit" [disabled]="!checkbox.checked ? true : null"> 
+0

Это не работает. –

+0

Не работает как? –

+0

http://plnkr.co/edit/jTsqFFLXTktPBheDqfuq?p=preview приклеил ваш код здесь, исправьте меня, если я сделал что-то неправильно –

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