Wo sollte das Attribut gridster-item eingefügt werden?

Question

Ich versuche Einsetzen des gridster-item-Attribut in der folgenden Art und Weise:

<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> 

Grundsätzlich, wenn ich in gridster-Punkt setzen, werden die Eingabefelder der tile.col und tile.row Eigenschaften korrekt besetzt (ohne es sie tauchen nicht auf).

DAS PROBLEM Wenn ich das gitter-item-Attribut einfüge, wirft es meine Kachel an einer zufälligen Stelle auf dem Dom. Das sagt mir, dass ich es nicht richtig benutze. Irgendwelche Vorschläge?

Answer 1

versuchen, eine outher div zu verwenden und setzen ng-repeat auf, dass:

<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>