comment rendre le contenu de données widget angulaire-gridster sensible?

Question

J'utilise angular-gridster pour concevoir un tableau de bord dynamique. Comment pouvons-nous rendre le contenu de données de widget gridster sensible tout en redimensionnant le rappel de widget, quelqu'un peut-il me suggérer comment le rendre réactif.

<div id="gridster" > 
       <div gridster="gridsterOpts"> 
        <ul> 
         <li gridster-item="widget" ng-repeat="widget in DashboardControls"> 
          <div class="box"> 
           <div class="box-header"> 
            <h3 style="width: 100%;word-break: break-all; table-layout: fixed;">{{widget.ControlobjectName}}</h3> 
            <div class="box-header-btns pull-right"> 
             <a title="settings" data-toggle="modal" data-target="#widgetSettingModal" ng-click="openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a> 
             <a title="Remove widget" ng-click="remove(widget)"><i class="glyphicon glyphicon-trash"></i></a> 
            </div> 
           </div> 
           <div class="box-content"> 
            <div>          
             <img class="img-responsive" ng-src="{{widget.ThumbnailPath}}" /> 
            </div> 
           </div> 
          </div> 
         </li> 
        </ul> 
       </div> 
      </div> 

Answer 1

Vous devrez créer une directive personnalisée intégrée dans les widgets (ou plusieurs directives personnalisées). Cette directive personnalisée peut contenir une logique qui répond aux données et modifie le contenu des widgets.