угловая кнопка Js Radio не видна?

Question

Привет Я создаю приложение angularJs. Формы работают нормально, но переключатели не отображаются. Все, что я вижу, это ярлыки, но не фактические кнопки. Я следил за инструкциями в Интернете, но, похоже, скрыт. Я пытаюсь создать набор из 6 переключателей, где пользователь должен выбрать только одну кнопку.

my plunker

Ниже является одной из форм партиалов.

Благодаря

<div> 
    <div class="form-wrapper"> 
    <p>Choose a fund</p> 


<br> 

To help you decide which fund is right for you, we've provided a summary of each below. 
<br> 
Simply click on the magnifying glass to view the individual fund details. 
<br> 
You can also compare all funds in this risk category using the fund comparison button at the bottom. 
<br> 
When you've reviewed your options and have made your choice, click 'select'. 
<br> 
<br> 
    <!-- <form class="form-horizontal" role="form">--> 
    <!-- <div class=" form-group">--> 
     <!-- <div class="col-sm-6">--> 
     <!-- <div class="form-group">--> 








    <label for="pearRadio">SEI Balanced Fund</label> 
    <input id="pearRadio" type="radio" ng-model="fruitValue" value="pear" /><br /> 

    <label for="peachRadio">7IM AAP Balanced Acc Strategy</label> 
    <input id="peachRadio" type="radio" ng-model="fruitValue" value="peach" /><br /> 

    <label for="apricotRadio">Close Balanced Portfolio Fund Accumulation</label> 
    <input id="apricotRadio" type="radio" ng-model="fruitValue" value="apricot" /><br /> 
    <label for="pearRadio">Allianz RiskMaster Moderate</label> 
    <input id="pearRadio" type="radio" ng-model="fruitValue" value="pear" /><br /> 

    <label for="peachRadio">Schroder MM Diversity Balanced Fund Accumulation</label> 
    <input id="peachRadio" type="radio" ng-model="fruitValue" value="peach" /><br /> 

    <label for="apricotRadio">Goldman Sachs Dynamic</label> 
    <input id="apricotRadio" type="radio" ng-model="fruitValue" value="apricot" /><br /> 
    <br /> 

    <strong>Selected Fund:</strong> {{fruitValue}} 
    </div> 


     <button class="btn btn-primary" 
ng-click="goToNextState('form.account')">Next</button> 
    </form> 
    </div> 
</div> 

Answer 1

1. Прежде всего, не повторять значения, если вы хотите, чтобы пользователь выбрать только один переключатель.

2. Проверьте свойства класса .form-обертка CSS, может быть, вход непрозрачности 0 или не отображать ни ...

3. Я сделал демо на основе кода и работает отлично:
   

   <input id="pearRadio1" type="radio" ng-model="fruitValue" value="pear1" /> 
   

   Я внес некоторые изменения в значения.
   
   

DEMO: http://jsfiddle.net/ba80g13e/