如何使用自定义模板以Angular形式设置modelValue

Question

我创建了自定义模板，以角度形式添加待办事项列表。 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)

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