if else..if condition in handlebars

Here is my code with angularjs and handlerbars,

{{#if myData.student}}
  <student-list></student-list>
{{else if myData.teacher}}
  <teacher-list></teacher-list>
{{else}}
   <cities-list></cities-list>
{{/if}}

I need to check the scope object value before {{else if myData.teacher}} , any way to do please? tried this below but not working.

<div ng-controller="universityCtrl">  
  {{#if myData.student}}
    <student-list></student-list>
  <span ng-if="scopeData.dislayTeacher">
  {{else if myData.teacher}}
    <teacher-list></teacher-list>
  </span>
  {{else}}
    <cities-list></cities-list>
  {{/if}}   

Source: AngularJS Questions