substitute displaying the flashcards with directive