angular2-grid - ngGridItem内でコンテンツをラップする方法は？

Question

私は以下のサンプルを使用しています。これはコードを使用していますhttps://github.com/BTMorton/angular2-grid

sizex：1、sizey：1のngGridItemにhtmlテキストボックスを配置すると、テキストボックスがグリッド項目から外れます。グリッドアイテム内のコンテンツをラップする方法やスクロールバーを追加する方法

import {Component} from '@angular/core'; 
import {NgGrid, NgGridItem} from 'angular2-grid'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <h4>My First Angular 2 App</h4> 

    <div class="grid" [ngGrid]="{\'max_cols\': 6,\'max_rows\': 4, \'auto_resize\': true}"> 

     <div class="grid-item" [ngGridItem]="{\'sizex\': 3, \'sizey\': 2}"> 
      <input type="text" [(ngModel)] = 'pageTitle'/> 
     </div> 

     <div class="grid-item" [ngGridItem]="{\'sizex\': 1, \'sizey\': 1}"> 

     </div> 

     <div class="grid-item" [ngGridItem]="{\'sizex\': 1, \'sizey\': 1}"> 
      <input type="text" [(ngModel)] = 'pageTitle' /> 
      <button type="button" (click)="selectGender()">Select Gender</button> 
     </div> 

    </div> 
    `, 
    directives: [NgGrid, NgGridItem] 
}) 

注：私はCSSを使ってスクロールバーを追加することができますが、これは正しい方法は何ですか？

乾杯 Sanket

Answer 1

Sanket、私は今日、同様の問題に遭遇しました。悲しいことに、angular2グリッドは反応しません。ブートストラップは有効になっていません。

これは、デバイスのサイズに基づいてテキストボックスのサイズを設定する必要があることを意味します。