PrimeNGのP-チップは唯一

Question

私は角2 https://www.primefaces.org/primeng/#/chips

でprimeNGのp型チップを使用している私のp型のチップを削除する複数選択リストの値を選択する際に満たされています。 pチップに書き込むことでデータの追加を無効にしたいと思います。

しかし、私は値を削除する可能性を残したいと思います。

可能ですか？ それ以外の方法を知っていますか？

Answer 1

これを行う方法は組み込まれていません。あなたはおそらくコンポーネントに削除専用のプロパティを追加して、あなたが望むように機能させることができます。

Answer 2

あなたはCSS使用してそれを達成することができます

/* +++++++ Prime NG CHIPS +++++++ */ 
.ui-chips > ul.ui-inputtext, 
.ui-chips > ul.ui-inputtext:focus { 
    border: none; 
    box-shadow: none; 
    background: none; 
} 
.ui-chips .ui-chips-input-token { 
    display: none; 
} 

またはSCSS：

/* +++++++ Prime NG CHIPS +++++++ */ 
.ui-chips { 
    > ul.ui-inputtext, 
    > ul.ui-inputtext:focus { 
    border: none; 
    box-shadow: none; 
    background: none; 
    } 
    .ui-chips-input-token { 
    display: none; 
    } 
} 

をこれらのCSSルールは、いくつかのグローバル（uncapsulated）CSS/SCSSファイル

に追加する必要があることを、予めご了承ください

stackblitz：https://stackblitz.com/edit/angular-mugxwj?file=styles.css