AngularJS textarea ng模式與多個匹配

Question

我想要一個textarea，其中包含驗證與ng模式，結合ng-list的電子郵件列表。

我已經在各種測試人員測試了我的正則表達式，它似乎能夠正常工作，但不是在我的應用程序中。我不確定問題是Regex還是ng-pattern和ng-list之間的干擾。

的JSON數據，我recieving的名單在陣列格式來了：

$scope.mainList.EmailAddresses = ["user@emailaddress.com", "user2@altemail.net"]; 

我的HTML代碼：

<textarea class="text-list-area" ng-model="mainList.EmailAddresses" ng-pattern="/^((([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}))\n?)*$/" ng-list="&#10;" ng-trim="false"></textarea> 

而且textarea的通過像這樣一個新的生產線的每封電子郵件中分離：

user@emailaddress.com 
user2@altemail.net 

在plunker我的問題的一個例子（感謝Beaver創建）： http://plnkr.co/edit/T17TTd5otnWWXOp2gZ94?p=preview

Answer 1

這個jsFiddle能幫助你嗎？

https://jsfiddle.net/beaver71/cggLyL09/27/

我添加到您的代碼，這樣就驗證錯誤的一些反饋：

<span ng-show="myForm.email_field.$error.pattern">Not a valid email!</span> 

而一個Plunker這是更有效的：

http://plnkr.co/edit/T17TTd5otnWWXOp2gZ94?p=preview

在這個例子中，沒有ngPattern的textarea工作正常（添加/刪除電子郵件）。所以問題可能是在regEx ...