ng-pattern在contenteditable元素上可能嗎？

Question

似乎無法找到關於此的任何信息。可以在contenteditable div上使用ng-pattern嗎？當我嘗試它不工作：

<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\d)+$/'>{{ x.number }}</div>

更具體地說，div元素的NG驗證類不會當我輸入無效項改變。

Answer 1

如果你想知道，我結束了在我的「KEYUP」動作控制器添加驗證功能，像這樣：

element.bind('keyup', function(event) { 
      if(element.hasClass("ip-input")){ 

       var validPattern = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; 
       var result = validPattern.test(element.html()); 

       if(result == true) { 
        element.removeClass("invalid-input"); 
        element.removeClass("valid-input"); 
        element.addClass("valid-input"); 
       } 
       else { 
        element.removeClass("valid-input"); 
        element.removeClass("invalid-input"); 
        element.addClass("invalid-input"); 
       } 
      } 
     }); 

這驗證了一個IP地址字段是有效的。

乾杯