unserver-unify/src/app/subject/info.html

<div class="info_page" ng-controller="SubjectCtrl as ctrl">
  <!-- Original code -->
  <div class="slider slider_full_middle relative">
    <img ng-src="{{ctrl.imageUrl}}" style="width: 100%" />
  </div>
  <div class="container">
    <div class="col-md-12" ng-if="">
      <div class="inline_nav">
        <div class="container">
          <div class="row">
            <ul class="nav navbar-nav" ng-class="{'sidebar_active':dropdown}">
              <li class="active">
                <a ng-click="scrollTo('overview')" translate="">
                  Overview
                </a>
              </li>
              <li ng-if="">
                <a ng-click="scrollTo('course')" translate="">
                  Course
                </a>
              </li>
              <li ng-if="">
                <a ng-click="scrollTo('teacher')" translate="course.teachers">
                  Teachers
                </a>
              </li>
              <li ng-if="ctrl.item.price">
                <a ng-click="scrollTo('time')" translate="">
                  Time & Price
                </a>
              </li>
              <li ng-if="ctrl.item.faq">
                <a ng-click="scrollTo('faq')" translate="">
                  FAQ
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-12">
      <div class="tag-box">
        <div class="theme_red">
          <div class="forum">
            <div class="margin-bottom-10 clearfix blog-info">
              <strong>
                {{ ctrl.item.name }}
              </strong>
              <div class="clearfix">
              </div>
            </div>
          </div>
        </div>
        <div class="row margin-bottom-20">
          <div class="col-md-12">
            <div class="heading_align">
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="inner_content" id="overview">
                <h2>
                  Overview
                </h2>
                <div class="margin-bottom-20" ng-bind-html="ctrl.item.description" style="font-size:15px;color:grey">
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="inner_content" id="course" ng-if="ctrl.item.detail">
                <h2>
                  Detail
                </h2>
                <div class="margin-bottom-20" ng-bind-html="ctrl.item.detail" style="font-size:15px;color:grey">
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="inner_content" id="teacher" ng-if="">
                <h2>
                  Teacher
                </h2>
                <div ng-repeat="tcher in ctrl.item.teachers" style="font-size:15px;color:grey">
                  <img ng-src="{{tcher.photoUrl}}"/>
                  <div>
                    {{tcher.name}}
                  </div>
                  <div>
                    {{tcher.position}}
                  </div>
                  <div>
                    {{tcher.description}}
                  </div>
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="inner_content" id="time" ng-if="ctrl.item.price">
                <h2>
                  Time & Price
                </h2>
                <div>
                  ${{ctrl.item.price}}
                </div>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <div class="inner_content" id="time" ng-if="ctrl.item.faq">
                <h2>
                  FAQ
                </h2>
                <div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>