Модели дуруст барои наслеҳати синфҳои Button ва Input дар ҷойи моделҳои ҳозира, ки Input аз Button васеъ мешавад.

Деректелу Input-дан Button-га ментқиллик, чунки Input ва Button турли элементлар бўлиб, уларнинг семантикаси ва хулқи турлича.

Умумий хусусиятлар ва методларни ўз ичига олувчи UIControl ёки FormElement каби умумий асосий синфни аниқлаш тўғри бўлади. Кейин, Button ва Input ундан мерос олади ва алоҳида синфлар сифатида фойдаланилади.

TypeScript мисоли:

class UIControl {
  constructor(public id: string) {}
  render() {
    // умумий рендер методи
  }
}

class Button extends UIControl {
  click() {
    // клик логикаси
  }
}

class Input extends UIControl {
  value: string = '';
  setValue(val: string) {
    this.value = val;
  }
}

Бу ёндашув ҳақиқий иерархияни акс эттиради ва синфлар ўртасида нотўғри боғланишларни олдини олади.