home
  • Blog
3.7
  • Getting Started
  • Tutorial
  • The Object Model
  • Templating
  • Components
  • Controllers
  • Routing
  • Ember Data
  • Addons and Dependencies
  • Testing
  • Configuration
  • Application Concerns
  • Ember Inspector
    • Introduction
    • Installing the Inspector
    • Object Inspector
    • The Component Tree
    • The View Tree
    • Inspecting Routes
    • Data Tab
    • Tackling Deprecations
    • Library Info
    • Debugging Promises
    • Inspecting Objects via the Container
    • Rendering Performance
    • Troubleshooting
  • Contributing to Ember.js
  • Glossary
  • Reference
Old Guides - You are viewing the guides for Ember v3.7.0.
Go to v5.0.0

Data Tab

Edit pencil

You can inspect your models by clicking on the Data tab. Check out Building a Data Custom Adapter below if you maintain your own persistence library.

When you open the Data tab, you will see a list of model types defined in your application, along with the number of loaded records. The Inspector displays the loaded records when you click on a model type.

Inspecting Records

Each row in the list corresponds to one record. The first four model attributes are shown in the list view. Clicking on the record will open the Object Inspector for that record, and display all attributes.

Record States and Filtering

The Data tab is kept in sync with the data loaded in your application. Any record additions, deletions, or changes are reflected immediately. If you have unsaved records, they will be displayed in green by clicking on the New pill.

Click on the Modified pill to display unsaved record modifications.

You can also filter records by entering a query in the search box.

Building a Data Custom Adapter

You can use your own data persistence library with the Inspector. Build a data adapter, and you can inspect your models using the Data tab. Use Ember Data's data adapter as an example for how to build your data adapter and DataAdapter documentation.

left arrow
Inspecting Routes
Tackling Deprecations
right arrow
On this page

  • Inspecting Records
  • Record States and Filtering
  • Building a Data Custom Adapter
Team Sponsors Security Legal Branding Community Guidelines
Twitter GitHub Discord Mastodon

If you want help you can contact us by email, open an issue, or get realtime help by joining the Ember Discord.

© Copyright 2023 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue