Div符合ng-pattern

Question

我环顾互联网，无法找到解决方案。我没有在角度文档中看到它，所以甚至根本不可能。

我想知道我们是否可以使用＆＃34; div＆＃34;使用ng-pattern和.ng-invalid-pattern。 CONTENTEDITABLE？

 .test.ng-invalid-pattern {
      border:1px solid #f00;
    }

 <div  class="test" contenteditable="true" ng-model="usd" pattern="^-?\d+(\.\d+)?$"> {{usd}} </div>

Plunker：http://plnkr.co/edit/nihh9H?p=preview

编辑;我让它在plunker中工作，但是，我不能在我的应用程序中使用它。

这导致了以下问题：

1. 首次加载时，会看到错误，因为viewValue为{{usd}}。有办法解决这个问题吗？
2. 在我的应用程序中，它与我的plunker基本相同，但我一直在获取ngModel。$ valid = false。有没有办法告诉我们什么导致它失败？

谢谢和问候， 千电子伏