Jquery mobile Jquery mobile在razor视图中不使用angular js

我在razor视图页面中使用jquery移动标记和angular js时遇到问题

<div  app.directives data-role="page" id="service" class="page" data-add-back-btn="true" data-theme="b">
   <div ng-app="app" ng-controller="FirstCtrl" class="content" data-role="content" data-theme="d">
    <ul id="servicelist" >
         <li ng-repeat="serviceUser in serviceUsers" >
           <a data-icon="arrow-r" data-iconpos="right"  data-transition="slide">
           <h3> {{serviceUser.Title}} {{serviceUser.Forename}} {{serviceUser.Surname}}  </h3>
           <p> Date of Birth: <strong>{{serviceUser.DOB}}</strong></p>
            <p class="ui-li-aside"><strong>Room: {{serviceUser.Room}}</strong></p>
        </a>     
     </li>         

  </ul>   </div></div>  

任何帮助都将不胜感激

---

谢谢

我在您的代码示例中没有看到关闭的

标记，这些标记是否存在于您真正的代码库中？谢谢您指出，您做出了更改

app.directive('app.directives', function () {
return {
    link: function (scope, elm, attr) {
        elm.trigger('create');
    }
};});