0

カミソリ ビュー ページで 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