Angular模板驱动表单允许我们使用指令来在HTML模板中定义表单。我们可以使用动态验证来根据用户输入动态改变验证规则。下面是一个示例：

在组件类中定义规则：

rules = {
  name: {
    required: true,
    minLength: 3,
    maxLength: 10
  },
  email: {
    pattern: /^[a-z]+@[a-z]+\.[a-z]+$/,
    maxLength: 50
  }
};

在HTML模板中应用规则：

  

    Name
    
    

      
Name is required.
      
Name must be at least {{ rules.name.minLength }} characters long.
      
Name cannot be more than {{ rules.name.maxLength }} characters long.
    
  
  

    Email address
    
    

      
Email is invalid.
      
Email cannot be more than {{ rules.email.maxLength }} characters long.
    
  
  Submit

在上面的示例中，我们在组件类中定义了输入规则，然后在HTML模板中应用这些规则。当用户输入不符合规则时，将在输入框下方显示相应的错误消息。