title: How to show object details in Django Rest Framework browseable API?
body: <p>This image should explain my question:
  <a href="https://i.stack.imgur.com/bCsWa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bCsWa.png" alt="enter image description here"></a></p>
  
  <p>I have a model that is made up of two foreign keys, as follows:</p>
  
  <pre><code>class StaffRole(models.Model):
  staff = models.ForeignKey(Staff, related_name='roles')
  role = models.ForeignKey(Role, related_name='staff')
  
  class Meta:
      unique_together = ('staff', 'role')
  
  def __str__(self):
      return '%s / %s' % (self.staff, self.role)
  </code></pre>
  
  <p>It has a straightforward serializer, as follows:</p>
  
  <pre><code>class StaffRoleSerializer(serializers.HyperlinkedModelSerializer):
  role = serializers.SlugRelatedField(
      queryset=Role.objects.all(),
      slug_field='slug'
  )
  staff = serializers.SlugRelatedField(
      queryset=Staff.objects.all(),
      slug_field='slug'
  )
  
  class Meta:
      model = StaffRole
  </code></pre>
  
  <p>Using the Django Rest Framework SlugRelatedField, I am hoping that the combo boxes in the browseable API will show the slugs of the related models, but instead the combo boxes are populated with the words "Role Object" and "Staff Object", so the user cant tell which role or which staff they are selecting in the combo box.</p>
  
  <p>How do I remedy this?</p>
  
  <p>To avoid complexity I'm trying to use the default DRF serializers, such as SlugRelatedField, rather than write my own nested serializers. Everything works except the combo boxes in the browseable API.</p>
  
  <p>Thanks in advance</p>
  
  <p>John</p>
  
  <p>PS It's not my intention to make the browseable API the user interface to this app. But I do want it to work, and I find it invaluable in the development cycle.</p>