zoukankan      html  css  js  c++  java
  • angular 自定义表单/*ngFor增删不更新

    自定义表单项目实践

    <app-two [(ngModel)]="books"></app-two>
    books=''
    

    @Component({
      selector: 'app-two',
      templateUrl: './two.component.html',
      styleUrls: ['./two.component.scss'],
      providers: [
        {
          provide: NG_VALUE_ACCESSOR,
          useExisting: forwardRef(() => TwoComponent),
          multi: true,
        }
      ]
    })
    export class TwoComponent implements ControlValueAccessor {
    
      constructor() {
      }
    
      onChange: (value: any) => void = () => null;
      onTouched: () => void = () => null;
      _disabled = false;
    
      // 父传子赋值
      @Input()
      set value(value: any) {
        this.sex = value;
      }
      sex = ''
      ngAfterViewInit() {
      }
      //父传子的时候赋值给子
      writeValue(obj: any): void {
        this.sex = obj;
      }
    
      //同步更新的事件
      registerOnChange(fn: any): void {
        this.onChange = fn;
      }
    
      //失去焦点的事件
      registerOnTouched(fn: any): void {
        this.onTouched = fn;
      }
    
      // //父传子禁用的值
      // setDisabledState(isDisabled: boolean): void {
      //   this._disabled = isDisabled
      // }
    }
    
    <input type="text" [(ngModel)]="sex" (ngModelChange)="onChange($event)" >
    

    *ngFor 增删不更新

    push ,splice

    this.arr=[...this.arr]
    

    决定自己的高度的是你的态度,而不是你的才能

    记得我们是终身初学者和学习者

    总有一天我也能成为大佬

  • 相关阅读:
    Bash基本语法
    安装Ifconfig
    Centos6版本升级
    使用Lombok简化你的代码
    二、快速起步(Mysql镜像)
    一、Docker之旅
    logback.xml日志配置
    mybatis动态SQL标签的用法
    你不知道的Java类
    系统管理员需知的 16 个 iptables 使用技巧
  • 原文地址:https://www.cnblogs.com/fangdongdemao/p/15021176.html
Copyright © 2011-2022 走看看