zoukankan      html  css  js  c++  java
  • 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);
      }
    }
    

      

  • 相关阅读:
    路飞学城Python-Day48
    路飞学城Python-Day46
    路飞学城Python-Day43
    路飞学城Python-Day42
    路飞学城Python-Day40(第四模块复习题)
    路飞学城Python-Day39(第四模块复习题)
    python小练习
    微信小程序常见错误及基本排除方法
    CSS文本样式
    小程序-广告轮播/控制属性
  • 原文地址:https://www.cnblogs.com/yangxuanxuan/p/13679141.html
Copyright © 2011-2022 走看看