Problem with checkboxes


#1

Hi all,
i have a graphical problem.
I’d like to show a list of choices to select by checkboxes.
Now my code is:

<div>
<label class="item item-input">
<span class="input-label">Lingue:</span> 
	<div>
    <ul class="list">
    <li class="item item-checkbox" ng-repeat='lang in langs'>
     <label class="checkbox">
       <input type="checkbox" ng-checked="selectedLangs.indexOf(lang) > -1"
						ng-click="toggleSelection(lang)">{{lang}}</label>
  	</li>
  	</ul>
  	</div>
		<span ng-show="selectedLangs.length > 2">Massimo 2 lingue !</span>
	</label>
  </div>

With this code I obtain the following screen (see ‘Lingue’ item):

On the Elements Inspector i see the language code ‘IT’ and ‘FR’ but not in the window: the checkboxes appear compressed and without text.

Any idea?
Or other solution?


#2

I changed the source putting the test outside the label tag:

<div>
<label class="item item-input">
<span class="input-label">Lingue:</span> 
<ul class="list">
    <li class="item item-checkbox" ng-repeat='lang in langs'>
	    <label class="checkbox">
	       <input type="checkbox" ng-checked="selectedLangs.indexOf(lang) > -1"
							ng-click="toggleSelection(lang)"> 
			</label>
			{{lang}}				  	
			</li>
		  	</ul>
				<span ng-show="selectedLangs.length > 2">Massimo 2 lingue !</span>
			</label>
		  </div>

Now thw window is:

but the blue round checkes are still compressed …