2016-05-17 10 views
0

私は次のようにgridster項目の属性を挿入してみてください:私はgridster項目に入れたときに属性gridster-itemはどこに挿入する必要がありますか?

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

は、基本的には、入力フィールドが正しくそれなし(tile.colとtile.row性質によって占有されています彼らは表示されません)。

問題私がgridster-item属性を挿入すると、domのランダムな場所に自分のタイルがスローされます。これは、それを正しく使用していないことを私に伝えます。助言がありますか?

+0

は、そのは、具体的には0に 'row'と' col'を設定あなたに関係することではないでしょうか? –

答えて

0

outher div要素を使用し、その上でngのリピートを配置しようとすると:

<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> 
関連する問題