Skip to content

Data-driven development mode

Data-driven development mode is a core concept within the [[Angular]] framework (specifically referenced in the context of AngularJS), describing a development approach where the user interface acts as a direct reflection of the underlying data^[600-developer__frontend__angular__angular-02.md] (lines 7-9). In this paradigm, the logic and behavior of the application are determined by the state of the data rather than direct manipulation of the Document Object Model (DOM)^[600-developer__frontend__angular__angular-02.md] (lines 7-9).

Core Characteristics

The primary distinction of data-driven development is the separation between the View (HTML/Template) and the Model (Data).^[600-developer__frontend__angular__angular-02.md] (lines 7-9)

  • No Direct Interoperability: Standard JavaScript functions, variables, and events cannot directly interact with Angular expressions or scope within the view^[600-developer__frontend__angular__angular-02.md] (lines 7-9).
  • Controller Mediation: All communication and logic must be processed through a Controller^[600-developer__frontend__angular__angular-02.md] (lines 7-9). The Controller acts as an intermediary that updates the data, which in turn updates the View.
  • [[Angular]]
  • [[Model-View-Controller (MVC)]]
  • [[Data binding]]

Sources

  • 600-developer__frontend__angular__angular-02.md