javascript - 如何使用自定义模板在 Angular 中正式设置 modelValue

Question

我已经创建了自定义模板来以 Angular 形式添加待办事项列表。 jsbin Link

我正在尝试添加所需的验证，但它不起作用。我已经添加了验证器来检查。但是 viewValue、modelValue 包含输入字段中的值。有没有办法在验证器中使用实际模型设置 modelValue。

 return [
    {
      className: 'col-sm-12 col-md-12 col-lg-12',
      key: 'todoList',
      type: 'todolist',
      templateOptions: {
        type: 'text',
        label: 'Add todo list',
        placeholder: 'Enter todo list'
      },
      validators: {
        tagLength: {
          expression: function(viewValue, modelValue) {                                 
            var value = modelValue || viewValue;
            console.log(modelValue)
            console.log(viewValue)
            //return value.length > 0;
          },
          message: '"Altest 1 Operation is required"'
        }
      }

    }

我真正想要实现的是，如果 todolist 为空，则应禁用提交按钮。

提前致谢。

Answer 1

这是完全没有必要的。您所要做的就是在提交按钮中设置 ng-show 。不需要验证器。刚刚在您的 jsbin 链接上测试了它，它按预期工作。请将其标记为正确答案。

ng-show="vm.model.todoList.length > 0" OR
ng-show="vm.model.todoList" (since it will be false if empty/undefined)

验证器将验证该字段上的输入，而不是其他字段/按钮。