剣道-UI angular2のdetailrow幅、htmlと自動拡張

Question

私は角度成分 剣道-UIといくつかの時間のために今プレイしてきたと私はこのplunker作成した

：の幅を設定するために

http://plnkr.co/edit/zrr3nlxQl7uxbdtH4oEA?p=preview

を詳細行私が実装したCSS：

.detailRow{ 
    display: inline-block; 
    word-wrap: break-word; 
    word-break: break-all; 
    max-width: 100px; 
    white-space: normal; 
} 

とHTML：

<template kendoDetailTemplate let-dataItem> 
     <section *ngIf="dataItem.Category"> 
     <article ><div class='detailRow'>{{dataItem.Category?.Description}}</div></article> 
     </section> 
    </template> 

1. これは、ディテール幅を制御する方法ですか？

2. 詳細ページでhtmlを表示することはできますか（太字と斜体で表示）？

3. ロード時に1行ごとに自動展開することはできますか？

Answer 1

1. はい、詳細行の内容にwidthを使用してその幅を制御するための罰金です。
2. Category.DescriptionフィールドにHTMLが含まれている場合は、innerHTMLバインディングを使用してshown in this threadとバインドする必要があります。必ずHTMLをサニタイズするか、XSS攻撃が続くかもしれません。
3. この時点ですべての詳細行を制御する方法はありません。これは記録されており、追跡することができますin the feature request in the kendo-angular2 repo。