home
  • Blog
6.3
  • Introduction
  • Getting Started
  • Tutorial
  • Core Concepts
  • Components
  • Routing
  • Services
  • EmberData
  • In-Depth Topics
  • Application Development
  • Application Concerns
  • Accessibility
  • Configuration
  • Testing
  • Addons and Dependencies
  • Using TypeScript
  • Developer Tools
  • Ember Inspector
    • Introduction
    • Installing the Inspector
    • Object Inspector
    • The Component Tree
    • Inspecting Routes
    • Data Tab
    • Tackling Deprecations
    • Library Info
    • Debugging Promises
    • Inspecting Objects via the Container
    • Rendering Performance
    • Troubleshooting
  • Code Editors
  • Additional Resources
  • Upgrading
  • Contributing to Ember.js
  • Glossary

Data Tab


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 EmberData'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 2025 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue Created with Sketch.