Как сделать изображение данных виджета с угловыми сетками отзывчивым?

Question

Я использую угловую сетку для создания динамической панели пользователя. как мы можем сделать отзывчивость данных виджета gridster при изменении размера обратного вызова виджета, может ли кто-нибудь предложить мне, как сделать его отзывчивым.

<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

Вам нужно будет создать пользовательскую директиву, встроенную в виджеты (или несколько пользовательских директив). Эта настраиваемая директива может содержать логику, которая реагирует на данные и изменяет содержимое виджетов.