Question

jqm用于制作网站在angular-jqm页面的结构是什么我有点混淆了解我使用了JQM，页面结构看起来像这样

<div data-role="page" id="pageId">
     <div data-role="header">
     </div>
     <div data-role="content">
     </div>
     <div data-role="footer">
     </div>
</div>

那么angular-jqm中的页面结构如何？

Answer 1

如果整个应用程序需要一个控制器：

<body ng-app="JqmApp">
    <div ng-controller="JqmCtrl">
      <div data-role="page" id="pageId">
        <div data-role="header">
        </div>
        <div data-role="content">
        </div>
        <div data-role="footer">
        </div>
      </div>
    </div>
  </body>

如果每页需要一个控制器（更有可能）：

<body ng-app="JqmApp">
      <div data-role="page" id="pageId" ng-controller="JqmCtrl">
        <div data-role="header">
        </div>
        <div data-role="content">
        </div>
        <div data-role="footer">
        </div>
      </div>

      <div data-role="page" id="pageId2" ng-controller="JqmCtrl2">
        <div data-role="header">
        </div>
        <div data-role="content">
        </div>
        <div data-role="footer">
        </div>
      </div>
  </body>

也很有用：

Angular-JQM页面结构

1 个答案: