我正在使用phonegap＆amp; amp; twitter bootstrap（使用angularui-bootstrap）。 使用CSS完成固定页眉和页脚的花费了很多时间我决定去 使用“iscroll”解决方案。
问题是我的页脚是动态的，并从控制器获取范围变量。 “iscroll”功能通过angularjs指令绑定到div = id =“wrapper”。
目前，我正在每个模板的末尾使用ng-include，但使用此解决方案 我将有多个id =“wrapper”的div。
示例可能如下：
<html>
<body>
<div id="footer"></div>
<div ng-view>
<!-- below goes data from template via controller -->
<div id="wrapper" ng-iscroll>
<!-- here goes scrollable content -->
Offer 1
Offer 2
...
</div><!-- end of scrollable div>
<div id="footer">Some footer data.. if wrapper displays offer list, show "refresh button, and next/previous offers page buttons, and "add new offer button".
If it displays "new offer" phase.. show "offer list" button....etc</div>
</div><!-- end of ng-view div -->
</body>
</html>
以上只会使所需的内容可滚动..但我不能在同一个html文件中使用多个div。
我尝试的第二个解决方案是类似的，但我将所有控制器内容移动到包装器本身，这也使我的页脚也可以滚动。
<html>
<body>
<div id="footer"></div>
<div id="wrapper" ng-iscroll>
<div ng-view>
<!-- below goes data from template via controller -->
<!-- here goes scrollable content -->
Offer 1
Offer 2
...
<div id="footer">Some footer data.. if wrapper displays offer list, show "refresh button, and next/previous offers page buttons, and "add new offer button".
If it displays "new offer" phase.. show "offer list" button....etc</div>
<!-- end of scrollable div>
</div><!-- end of ng-view div -->
</body>
</html>
我可以将页脚放在index.html文件中的ng-view之外，但是如何将范围附加到它？
这是一个“应用程序设计”问题，但我确信有很多用户需要类似，他们会发现您的想法很有帮助。