Angularjs checkbox checked by default on load and disables Select list when checked

Question

noob on stack overflow here  I am working on a webpage that has a transfer job function  This lets the user check a check-box to send the job back to the office  or select a technician from a list of all that are available  My question is how to setup the check-box so that it is checked by default when the page loads and have the select list disabled accordingly  Here is the code that I have for it at the moment    lt div ng-app    gt    Send to Office   lt input type  checkbox  ng-model  checked  ng-checked  true  gt  lt br  gt     lt select id  transferTo  ng-disabled  checked  gt       lt option gt Tech1 lt  option gt       lt option gt Tech2 lt  option gt     lt  select gt   lt  div gt    and here is a jsfiddle for it  http   jsfiddle net hugmungus LvHJw 5   Currently  the page loads with the check-box checked  but the list is not disabled  If you un-check then re-check the it  the list becomes disabled   Thanks for the help

User · Answer

Do it in the controller      controller as syntax below    controller   vm question      vm question active   true    form   lt input ng-model  vm question active  type  checkbox  id  active  name  active  gt

User · Answer

Do it in the controller  x000D   x000D   timeout function     scope checked   true     1   x000D   x000D   x000D   then remove ng-checked

User · Answer

If you use ng-model  you don t want to also use ng-checked   Instead just initialize the model variable to true   Normally you would do this in a controller that is managing your page  add one    In your fiddle I just did the initialization in an ng-init attribute for demonstration purposes   http   jsfiddle net UTULc    lt div ng-app    gt    Send to Office   lt input type  checkbox  ng-model  checked  ng-init  checked true  gt  lt br  gt     lt select id  transferTo  ng-disabled  checked  gt       lt option gt Tech1 lt  option gt       lt option gt Tech2 lt  option gt     lt  select gt   lt  div gt

User · Answer

You don t really need the directive  can achieve it by using the ng-init and ng-checked  below demo link shows how to set the initial value for checkbox in angularjs   demo link     lt form gt       lt div gt        Released lt input type  checkbox  ng-model  Released  ng-bind-html  ACR Released  ng-true-value  true  ng-false-value  false  ng-init  Released true  ng-checked  true    gt         Inactivated lt input type  checkbox  ng-model  Inactivated  ng-bind-html  Inactivated  ng-true-value  true  ng-false-value  false  ng-init  Inactivated false  ng-checked  false    gt         Title Changed lt input type  checkbox  ng-model  Title  ng-bind-html  Title  ng-true-value  true  ng-false-value  false  ng-init  Title false  ng-checked  false    gt       lt  div gt       lt br  gt       lt div gt Released value is   lt b gt   Released   lt  b gt  lt  div gt       lt br  gt       lt div gt Inactivated  value is   lt b gt   Inactivated   lt  b gt  lt  div gt       lt br  gt       lt div gt Title  value is   lt b gt   Title   lt  b gt  lt  div gt       lt br  gt     lt  form gt      Code goes here    var app   angular module  myApp                app controller  myCtrl   function   scope

[angularjs] Angularjs checkbox checked by default on load and disables Select list when checked

Examples related to angularjs

Examples related to checkbox

Examples related to selectlist