ng-angular with ui-ace

Question

你会如何在一个表单中实现ng-required和角度ui-ace？

这是我的标记：

<form name="scriptform"> 
    <div name="script" 
     ui-ace="{ onLoad: configureAce }" 
     ng-required="" 
     ng-model="someCodez"> 
    </div> 
</form> 

{{ scriptform }} 

出似乎因为{{scriptform}}上面没有打印出任何形式的验证ACE是不挂钩的角度表单验证框架， 盒子 'someCodez'为空时出错。

Answer 1

看着文档，我认为ng-required属性只与<input>元素一起工作，所以这种方法可能是不可能的。

但是，您可以通过更改表单组件本身的$setValidity来实现类似的结果。例如，当用户不再改变的王牌编辑内容：

$scope.configureAce = function() { 
    return { 
    onLoad: function (editor) { 
     editor.on('blur', function() { 
     if (/* test validity of someCodez */) 
      $scope.scriptForm.script.$setValidity('scriptSyntax', true); 
     else 
      $scope.scriptForm.script.$setValidity('scriptSyntax', false); 
     $scope.$digest(); 
     }); 
    } 
    }; 
}; 

到$setValidity第一个参数是一个自定义字符串可以检查和F.E.用于向用户显示错误状态。查看相关文档：https://docs.angularjs.org/api/ng/type/ngModel.NgModelController