angularjs - 既存の md チップに加えてカスタム md チップを追加する方法は?

Question

angular material design を使用して要素を設計しました。私は以下のようにスキルデータをレンダリングするためにmd-chipsを使用しました

        <md-chips ng-model="user.skills"
                  readonly="readonly"
                  placeholder="Enter another skill"
                  delete-button-label="Remove Skill"
                  delete-hint="Press delete to remove skill"
                  secondary-placeholder="Enter a Skill">
            <md-chip-template>{{$chip.skill_title}}</md-chip-template>
        </md-chips>

その中で、user_skills変数を使用して既存のスキルをロードしました。期待どおりにロードしています。これから新しいチップを追加するオプションを与える必要があります。ここでスキルを書いて入力すると下図のように空のチップになります。

それを解決する方法??高度な感謝..