TypeScript knockout.observableArray函數代碼示例

  /**
   * ctor
   * */
  public constructor(_properties: IPropertyPaneViewSelectorFieldPropsInternal) {
    this._properties = _properties;
    this._context = _properties.wpContext;
    this._listId = _properties.listId;
    this._viewId = _properties.viewId;
    this.listLabel = _properties.listLabel;
    this.viewLabel = _properties.viewLabel;
    this.currentList = ko.observable<string>(this._listId);
    this.currentView = ko.observable<string>(this._viewId);
    this.noListSelection = ko.observable<boolean>(this._listId == '-1');

    // subscribing on changes in lists dropdown
    this.currentList.subscribe((value) => {
      const oldListId: string = this._listId;
      this._listId = value;
      this._initViews().then(() => {
        this.noListSelection(this._listId == '-1');
      });

      this._firePropertyChange();

    });

    // subscribing on changes in view dropdown
    this.currentView.subscribe((value) => {
      const oldViewId: string = this._viewId;
      this._viewId = value;
      this._firePropertyChange();
    });

    this.lists = ko.observableArray<IDropdownOption>();
    this.views = ko.observableArray<IDropdownOption>();

    this._model = new PropertyPaneViewSelectorModel(this._context);
  }

 constructor(){
     this.shouldShowMessage=ko.observable(true);
     this.detail=ko.observable("");
     this.peoples=ko.observableArray([]);
     this.displayMessage=ko.observable(false)
     this.products=ko.observableArray([]);
     this.detailsEnable=ko.observable(false);
 }

export function createObservableArray(value: any, mapFunction?: (obj: any) => any, context?: any): ko.ObservableArray<any> {
    if (typeof value === "undefined") {
        return ko.observableArray();
    }

    if (ko.isSubscribable(value) && Array.isArray(value())) {
        return value;
    }

    if (Array.isArray(value) && typeof mapFunction === "function") {
        value = value.map(mapFunction, context);
    }

    return ko.observableArray(value);
}

 constructor(){
     this.name = ko.observable<string>("");
     this.age = ko.observable<number>(null);
     this.contacts = ko.observableArray<Person>([]);
     this.itemToAdd = null;
     this.display = ko.observable<string>("");
 }

export default function fromJS(
  obj: any,
  mapArraysDeep: boolean = false,
  _parentIsArray: boolean = false
): KnockoutObservable<any> | KnockoutObservableTree {
  let obs: KnockoutObservable<any> | KnockoutObservableTree

  if (ko.isObservable(obj)) {
    obs = obj
  } else if (obj instanceof Array) {
    const _arr = []
    for (let i = 0; i < obj.length; i++) {
      _arr[i] = fromJS(obj[i], mapArraysDeep, true)
    }
    obs = ko.observableArray(_arr)
  } else if (obj instanceof Date || obj instanceof RegExp) {
    obs = ko.observable(obj)
  } else if (obj instanceof Function) {
    obs = obj
  } else if (obj instanceof Object) {
    obs = {}
    for (const p in obj) {
      obs[p] = fromJS(obj[p], mapArraysDeep)
    }
  } else {
    obs = _parentIsArray && !mapArraysDeep ? obj : ko.observable(obj)
  }

  return obs
}

function App() {
  let widgets = ko.observableArray();

  function addCalculator() {
    widgets.push({ name: 'calculator' });
  }

  function addToDoList() {
    widgets.push({ name: 'todo-list' });
  }

  function addWeather() {
    widgets.push({ name: 'weather' });
  }

  function addTranslate() {
    widgets.push({ name: 'translate' });
  }

  function remove() {
    widgets.remove(this);
  }

  return {
    widgets,
    addCalculator,
    addToDoList,
    addWeather,
    addTranslate,
    remove
  };
}

    constructor(model) {
        
        if (model == undefined) {
            this.Id = ko.observable();
            this.bookingId = ko.observable();
            this.actualBookingAmount = ko.observable();
            this.extraAmountCharge = ko.observable();
            this.extraAmountReason = ko.observable();
            this.extraAmountReceipt = ko.observable();
        }
        else {
            this.Id = ko.observable(model.get("id"));
            this.busList = ko.observableArray(model.get("busList"));
            this.busSelected = ko.observable(model.get("busId"));
            this.bookingId = ko.observable(model.get("bookingId"));
            this.actualBookingAmount = ko.observable(model.get("actualBookingAmount"));
            this.extraAmountCharge = ko.observable(model.get("extraAmountCharge"));
            this.extraAmountReason = ko.observable(model.get("extraAmountReason"));
            this.extraAmountReceipt = ko.observable(model.get("extraAmountReceipt"));
        }

        this.busSelected.subscribe(() => {
            var booking = _.filter(model.get("extraChargesCollection"), (p) => { return p.busId == this.busSelected().id; });
            UIBinding(this, booking[0]);
        });
    }

 constructor() {
     super();
     this.loading = ko.observable(false);
     this.operations = ko.observableArray<OperationData>([]);
     this.from = ko.observable<string>();
     this.to = ko.observable<string>();
     this.errors = ko.validation.group(this);
 }