ngModelを使用してコンマで区切った入力を配列にプッシュするにはどうすればよいですか？

Question

私はccオプションを持っている電子メールテンプレートを持っているので、ccの場合はカンマ区切りの電子メールアドレスを追加して、配列$scope.notifyCtrl.ccにプッシュします。 anglejs 1.5以上を使ってこの作業をどのように達成できますか？ main.htmlを

<div layout="row"> 
    <md-input-container flex="100"> 
     <label>Cc</label> 
     <input ng-model="notifyCtrl.cc"> 
    </md-input-container> 
</div> 

ctrl.js

$scope.notifyCtrl = {}; 
$scope.notifyCtrl.cc = []; 

Answer 1

ngListは、あなたが区切られた文字列と文字列の配列との間の変換を

テキスト入力をしたいかを正確に行います。デフォルトの区切り文字は、ng-list = "、"と等価なスペースが続くカンマです。カスタムの区切り文字をngList属性の値として指定することができます。たとえば、ng-list = "|"などです。

Answer 2

あなたはカンマで区切り入力で複数の文字列を入力するngTagsInput を使用することができますし、それらは、私はあなたがこのためにNG-変更ディレクティブを使用することができると思うのアレイ

Answer 3

にすべての文字列をプッシュする：

//ctrl.js 
$scope.tempData = ""; 
$scope.func=()=>{ 
    let arr = $scope.tempData.split(','); 
    ... 
}; 

//index.html 
<div layout="row"> 
    <md-input-container flex="100"> 
     <label>Cc</label> 
     <input ng-model="notifyCtrl.cc" ng-change="func()"> 
    </md-input-container> 
</div>