title: How to add plus minus symbol to a bootstrap accordion along with angularjs
body: <p>I am using bootstrap accordion in angular js. The panels are opening If I click on the heading directly but I need to add plus/minus symbols for each heading. Please help me out in achieving the functionality like If I click plus icon, panel should be open and If I click on minus symbol, the panel should be closed. Thanks in advance.</p>
  
  <p>Sorry, I Cannot able to add fiddle or plunker as the data is coming from my local database.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;uib-accordion close-others="oneAtATime" class="accordion-data"&gt;
              &lt;uib-accordion-group heading="title from database" ng-repeat="values are coming from database"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;div class="row row-head"&gt;
                              &lt;div class="col-md-6 col-xs-6"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row item-head accordion-content" ng-repeat="values are coming from database"&gt;
                              &lt;div class="col-md-4 col-xs-4"&gt;&lt;input type="checkbox" ng-model="check" &gt;data from database
                              &lt;/div&gt;
                              &lt;div class="col-md-8 col-xs-8 service-data"&gt;
                                  &lt;div class="row"&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;&lt;/div&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;
                                          &lt;input type="number" class="form-data" ng-disabled="!check"&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;
                                          &lt;input type="number" name="times" class="form-data" ng-disabled="!check"&gt;
  
                                      &lt;/div&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;
                                          &lt;input type="text" class="form-data" ng-disabled="!check" ng-readonly="true" &gt;
                                      &lt;/div&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;
                                          &lt;input type="text" class="form-data" ng-disabled="!check" ng-readonly="true" &gt;
                                      &lt;/div&gt;
                                      &lt;div class="col-md-2 col-xs-2"&gt;
                                          &lt;input type="text" class="form-data" ng-disabled="!check" ng-readonly="true" &gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/uib-accordion-group&gt;
          &lt;/uib-accordion&gt;</code></pre>
  </div>
  </div>
  </p>