unserver-unify/src/app/project/mobiledetail.html

<div ng-controller="MaterialDetailCtrl as ctrl" class="news-v3 mbl">
  <div class="news-v3-in">
    <img ng-src="{{ctrl.imageUrl}}"  width="100%" />
    <h2 style="margin-bottom:5px;">
      <a style="color:rgb(51, 122, 183 );">
        {{ctrl.item.name}}
      </a>
    </h2>
    <p style="color:#9E9E9E; font-size: 12px;"><i class="fa fa-calendar">&nbsp;</i>{{ctrl.item.update | date : 'yyyy-MM-dd'}}&nbsp;&nbsp;<i class="fa fa-pencil">&nbsp;<span style="color:rgb(51, 122, 183 )">{{ctrl.item.creater}}</span></p>
    <div class="margin-bottom-15">
      <p id="description" class="special_note">
        <span class="brf_tit">BRIEF / 简要</span>
        {{ ctrl.item.description }}
      </p>
      <div class="tag-box tag-box-v2">
        <div ng-bind-html="ctrl.item.detail">
        </div>
      </div>
    </div>
    <div class="list card" >
      <div class="item video_width" ng-repeat="page in ctrl.item.pages" >
        <h2 style="margin-bottom:10px;" ng-if="page.title ">
          {{ page.title }}
        </h2>
        <div class="article_holder">
          <article ng-if="!page.type||page.type=='Text'" ng-bind-html="page.detail">
          </article>
        </div>
        <video ng-if="page.type=='Video'" controls ng-src="{{page.videourl}}" >
        </video>
        <img class="full-image" ng-if="page.type=='Photo'"  ng-src="{{page.photourl }}"/>
        <iframe ng-if="page.type=='YouTube'&&page.tubelink" height="300" width="100%" ng-src="{{page.tubelink}}">
        </iframe>
      </div>
    </div>
    <div class="fixed_container" ng-if="ctrl.item.audio">
      <audio controls  style="width:90%" autoplay ng-src="{{ ctrl.item.audiourl }}">
      </audio>
    </div>
  </div>
  <div class="footer_text">Powered by <a class="color" href="http://bamboosys.com/" target="_blanck">BambooCloud<sup>&reg;</sup></a> Online Platform<div class="clearfix"></div><a href="http://bamboosys.com/" target="_blanck">www.bamboosys.com</a></div>
<div class="clearfix"></div>
</div>