如何用逗號分隔輸入使用ngModel並推送到數組？

我有電子郵件模板，我有cc選項，所以對於cc我想用戶添加逗號分隔的電子郵件地址，然後將其推到數組$scope.notifyCtrl.cc。我如何使用angularjs 1.5及以上來完成這項任務？ main.html中如何用逗號分隔輸入使用ngModel並推送到數組？

<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 = [];

來源

2017-05-09 hussain

'逗號分隔'是什麼意思？像這樣：a，b，c，@，...？ – Akashii

@ThanhTùng'abc @ gmail.com，xyz @ gmail.com' like that – hussain

ngList會做你想要什麼

文字輸入分隔字符串和字符串數組之間的轉換。默認分隔符是逗號後跟空格 - 等同於ng-list =「，」。您可以指定一個自定義分隔符作爲ngList屬性的值 - 例如，ng-list =「|」。

來源

2017-05-09 14:06:38

感謝ng-list幫助完成任務。 – hussain

您可以使用ngTagsInput 在輸入用逗號分開輸入多個字符串，並將其推向所有的字符串到一個數組

來源

2017-05-09 14:07:00

我認爲你可以使用NG-變化指示此：

//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>

來源

2017-05-09 14:18:49 Sergaros

如何用逗號分隔輸入使用ngModel並推送到數組？

回答

相關問題