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]
    

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

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

    总有一天我也能成为大佬

  • 相关阅读:
    暑假日报-35
    非确定性有穷状态决策自动机练习题Vol.1 题解 & 总结
    loj数列分块入门 1~9
    第12周作业
    第二阶段考试
    UOJ NOI Round 4
    事件
    爬楼梯
    构造函数输出
    比较版本号大小
  • 原文地址:https://www.cnblogs.com/fangdongdemao/p/15021176.html
Copyright © 2011-2022 走看看