Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 页脚在ng视图/其他iscroll实现之外_Angularjs_Iscroll_Iscroll4 - Fatal编程技术网

Angularjs 页脚在ng视图/其他iscroll实现之外

Angularjs 页脚在ng视图/其他iscroll实现之外,angularjs,iscroll,iscroll4,Angularjs,Iscroll,Iscroll4,我正在使用phonegap和twitter引导(带有angularui引导)构建一个应用程序。 改变花了很多时间用CSS来修复页眉和页脚,我决定去做 使用“iscroll”解决方案 问题是我的页脚是动态的,并且从控制器获取范围变量。 “iscroll”功能通过angularjs指令绑定到id=“wrapper”的div 目前,我在每个模板的末尾使用ng include,但是使用这个解决方案 我将有多个id为“wrapper”的div 示例可能如下所示: <html> <body

我正在使用phonegap和twitter引导(带有angularui引导)构建一个应用程序。 改变花了很多时间用CSS来修复页眉和页脚,我决定去做 使用“iscroll”解决方案

问题是我的页脚是动态的,并且从控制器获取范围变量。 “iscroll”功能通过angularjs指令绑定到id=“wrapper”的div

目前,我在每个模板的末尾使用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>

报价1
提议2
...
上述操作将仅使所需内容可滚动。。但是我不能在同一个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>

报价1
提议2
...
一些页脚数据。。若包装器显示报价列表,则显示“刷新按钮、下一个/上一个报价页面按钮”和“添加新报价按钮”。
如果显示“新报价”阶段..显示“报价列表”按钮..等
我可以在index.html文件中将页脚放在ng视图之外,但如何将作用域附加到它

这是一个“应用程序设计”的问题,但我相信有很多用户需要类似的设计,他们会发现你的想法很有帮助