Где должен быть вставлен атрибут gridster-item?

Question

Я пытаюсь вставить атрибут gridster-элемента следующим образом:

<div class="myTile" gridster-item= "tile" row="0" col="0" ng-repeat="tile in selectedTiles" > 
    <ul class="dropdown-menu"> 
    <li><a href="#" 
       id="gridster-form" 
       role="button" 
       aria-labeledby="Gridster Layout Form"> 

       <span class="dropdown-text"> 
        Col <input type="text" value="tile.col" integer ng-model="tile.col" size="1" class="ng-scope ng-pristine ng-untouched ng-valid"> 
        Row <input type="text" value="tile.row" integer ng-model="tile.row" size="1" class="ng-pristine ng-untouched ng-valid">  
       </span> 
       <i class= "fa fa-arrows"></i> 
    </a></li> 
    </ul> 
</div> 

В принципе, когда я ставлю в gridster-элемента, то поля ввода правильно занимаемый tile.col и tile.row свойствами (без него они не появляются).

ПРОБЛЕМА Когда я вставляю атрибут сетчатого предмета, он бросает мою плитку в случайное пятно на dom. Это говорит мне, что я не использую его правильно. Какие-либо предложения?

Answer 1

Попробуйте использовать DIV и наружные видные поместить нг-повтор на том, что:

<div ng-repeat="tile in selectedTiles"> 
    <div class="myTile" gridster-item= "tile" row="0" col="0" > 
     <ul class="dropdown-menu"> 
     <li><a href="#" 
        id="gridster-form" 
        role="button" 
        aria-labeledby="Gridster Layout Form"> 

        <span class="dropdown-text"> 
         Col <input type="text" value="tile.col" integer ng-model="tile.col" size="1" class="ng-scope ng-pristine ng-untouched ng-valid"> 
         Row <input type="text" value="tile.row" integer ng-model="tile.row" size="1" class="ng-pristine ng-untouched ng-valid">  
        </span> 
        <i class= "fa fa-arrows"></i> 
     </a></li> 
     </ul> 
    </div> 
</div>