angular-material => MDチップ

静的チップ

この例では、 <md-chips>と<md-chip>ます。

注：静的チップは選択、削除、編集できず、モデルの一部でもありません。 ng-modelが指定されていない場合、 <md-chips>入力要素はありません。

index.html ：

<md-content ng-controller="ChipController">
<md-chips>
    <md-chip>Test</md-chip>
    <md-chip>Another chip</md-chip>
    <md-chip>{{chip}}</md-chip>
</md-chips>

app.js ：

var app = angular.module('SomeApp', [/* Your dependencies here */ 'ngMaterial'])
app.controller('ChipController', function($scope) {
    $scope.chip = "$scope";
})

入力にリフォーカスする前に新しいチップを選択するように遅延を設定する（≧1.1.2）

1.1.2

（このコンテンツは1.1.2以降のバージョンにのみ関連しています）

バージョン1.1.2以降では、入力に再フォーカスする前に新しいチップを選択するように遅延を設定することができます。

md-chip-append-delay属性を使用して設定します（ミリ秒単位）：

例：

<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>

angular-materialよると：

これはスクリーンリーダーのキーボードアクセシビリティに必要です。デフォルトは300msで、300未満の数値はスクリーンリーダー（特にJAWS、場合によってはNVDA）に問題を引き起こす可能性があります。

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

angular-material
MDチップ

サーチ…

静的チップ

入力にリフォーカスする前に新しいチップを選択するように遅延を設定する（≧1.1.2）