0

在我的 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>

在最外面的 div 标签完好无损的情况下，我在我的 Angular js 对象中看不到任何值，但是一旦我删除我最外面的 div 标签，我就开始看到这些值，但是页面设计和布局变得一团糟。我已将 angular.js、app.js、ServiceUserListCtrl.js（具有 firstctrl）导入我的页面。我还将 jquery-mobile-angular-adapter.js 包含在我的页面中，但这也无济于事。我还创建了一个指令

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

任何帮助将非常感激，

谢谢

4

0 回答 0