javascript - checkbox is not clickable within nested ng-repeat -


To get an idea of ​​setup, I am using it in my application. I established this simplified example:

  & lt; div ng-controller = "ctrl" & gt; & Lt; Ul & gt; & Lt; li ng-repeat = "oConfiguration.oConfigEntriesColl & amp; oConfigEntry;> L & gt; {{oConfigEntry.sDescription}} & lt; li ng- Repeatable =" OkinfigStatry in Okonfigentry.O Conifsubiententes Cole "& gt; {{OConfigSubEntry.sDescription}} & lt; input type = 'checkbox' ng-model = 'overview subinterry.bnoption' />{{oConfigSubEntry.bNoOption}} 
  • ng-repeat = 'OConfigSubSubEntry in oConfigSubEntry.oConfigSubSubEntriesColl' & gt; {{oConfigSubSubEntry.sDescription}} & lt; input type = 'number' placeholder = 'length' ng-model = 'oConfigSubSubEntry.dLength' / & gt; & lt; input publ = 'Number' placeholder = 'width' ng-model = 'oConfigSubSubEntry.dWidth' / & gt; Input type = 'number' placeholder = 'height' ng-model = 'oConfigSubSubEntry.dHeight' / & gt; Lt; input type = 'checkbox' title = 'opt1' ng-model = 'oConfigSubSubEntry.bOpt1' / & gt; & lt; input type = 'checkbox' title = 'opt2' ng-model = 'oConfigSubSubEntry.bOpt2' / & Gt; & lt; / li & gt; & Lt; / Ul & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; Pre ng-bind = "okconfigeration | jsain" & gt; & Lt; / Pre & gt; & Lt; / Div & gt;

    See

    Unfortunately, the problem I face in the actual application can not be reproduced in the example mentioned above.

    The problem is that clicking on the checkboxes in the actual application are not clickable. They are not checked by clicking the checkbox. Checkboxes will be unchecked

    If this model is started around the other way, checkboxes are checked, but they can not be unchecked by clicking.

    The plain check box with the assigned model can not be checked either by a nested ng-repetition .

    Like

    Input Type = "Checkbox" /> Within Additional Overview:

    • Changes in the value of clicks for the first time on the checkbox are ideal.
    • Later clicks value does not change The value of the model remains the same
    • Clicking the checkbox for the first time changes the value of the model, checkboxes themselves check / uncheck Based on the model's livelihood value

      My guess is that another element is positioned in such a way as to cover the checkbox or Overlapping, and it is preventing you from interacting with it. Assuming that no inline styles are applied to your markup, you can easily test it by disabling CSS in your browser (to do this you may have to install an extension like :) .

      If you find that you can click on that checkbox, you will have to debug your CSS to find the offending element. Use firebug or chrome developer tools to detect markup and CSS.

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -