• angular-formly中 expressionProperties 属性的使用方式:


    参考网址:https://formly.dev/guide/getting-started

    expressionProperties 属性的使用方式:
    import {Component} from '@angular/core';
    import {FormGroup} from '@angular/forms';
    import {FormlyFieldConfig} from '@ngx-formly/core';
    
    @Component({
      selector: 'app',
      template: `
        <form [formGroup]="form" (ngSubmit)="onSubmit(model)">
          <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
          <button type="submit" class="btn btn-default">Submit</button>
        </form>
      `,
    })
    export class AppComponent {
        // 是否保存为草稿 状态
        isRequired = 'true'
        
      form = new FormGroup({});
      model = { email: 'email@gmail.com' };
      fields: FormlyFieldConfig[] = [
        {
          key: 'email',
          type: 'input',
          templateOptions: {
            label: 'Email address',
            placeholder: 'Enter email',
            required: true,
          },
          expressionProperties:{
              'templateOptions.required': () => this.isRequired  // 不是为草稿状态下 是必填字段
          }
          
        },
         {
          key: 'email',
          type: 'input',
          templateOptions: {
            label: 'Email address',
            placeholder: 'Enter email',
            required: true,
          },
          expressionProperties:{
              'templateOptions.required': () => this.isRequired  // 不是为草稿状态下 是必填字段
          }
          
        }
      ];
    
      onSubmit() {
        console.log(this.model);
      }
    }
    

      

  • 相关阅读:
    QML用Qt.labs.settings实现保存用户设置
    周练1
    Django的Hello World
    python 笔记
    Qt Creator 搭配Git 版本控制
    Windows系统下在Git Bash中把文件内容复制到剪贴板的命令
    【转】Qt之JSON保存与读取
    Qt Creator 中文编译失败 怎么办
    Treap树 笔记
    【POJ1037】A decorative fence(DP)
  • 原文地址:https://www.cnblogs.com/yangxuanxuan/p/13679141.html
Copyright © 2020-2023  润新知