当表单无效时，禁用angularJs中的外部按钮

当表单无效时，禁用AngularJS中的外部按钮可以通过以下步骤实现：

1. 在AngularJS中，可以使用表单验证指令来检查表单的有效性。常用的指令有ng-form和ng-submit。
2. 在表单的外部按钮上，可以使用ng-disabled指令来禁用按钮。该指令接受一个表达式作为参数，当表达式的值为true时，按钮将被禁用。
3. 在控制器中，可以使用$invalid属性来判断表单的有效性。如果表单无效，则$invalid的值为true，否则为false。

下面是一个示例代码，演示如何在表单无效时禁用外部按钮：

HTML代码：

<form name="myForm">
  <input type="text" name="myInput" ng-model="inputValue" required>
  <button ng-disabled="myForm.$invalid">提交</button>
</form>

在上述代码中，ng-disabled="myForm.$invalid"表达式将根据表单的有效性来决定按钮是否被禁用。如果表单无效（即输入为空），按钮将被禁用。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云表单服务（Tencent Cloud Form Service）：提供了一站式表单开发、发布、管理的解决方案，支持自定义表单验证规则和禁用按钮等功能。详情请参考腾讯云表单服务。

请注意，以上答案仅供参考，具体实现方式可能因项目需求和实际情况而有所不同。