Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.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
Javascript 使用AngularJS从多个位置触发动态页脚的最佳方式是什么_Javascript_Angularjs_Views_Angular Ui Router_Multiple Views - Fatal编程技术网

Javascript 使用AngularJS从多个位置触发动态页脚的最佳方式是什么

Javascript 使用AngularJS从多个位置触发动态页脚的最佳方式是什么,javascript,angularjs,views,angular-ui-router,multiple-views,Javascript,Angularjs,Views,Angular Ui Router,Multiple Views,因此,我一直在反复尝试找出一种最好的方法,使页脚有一个隐藏的面板,用于向上滑动的操作。该网站是相当基本的,它有一个页眉,内容区和页脚。我制作了一个简单的线框来解释这一点: 因此,理想情况下,内容面板类似于帖子,单击时,我希望打开辅助操作面板,编辑表单中预先填充了内容面板中的数据。如果点击了图标,我想弹出相同的辅助操作面板,其中有一个空白的添加新帖子表单。我在这里挣扎的是如何通过AngularJS做到这一点以及什么是最好的惯例。辅助操作面板和页脚包装在页脚控制器中,但内容面板包装在单独的控制器中

因此,我一直在反复尝试找出一种最好的方法,使页脚有一个隐藏的面板,用于向上滑动的操作。该网站是相当基本的,它有一个页眉,内容区和页脚。我制作了一个简单的线框来解释这一点:

因此,理想情况下,内容面板类似于帖子,单击时,我希望打开
辅助操作面板
,编辑表单中预先填充了内容面板中的数据。如果点击了
图标
,我想弹出相同的
辅助操作面板
,其中有一个空白的添加新帖子表单。我在这里挣扎的是如何通过AngularJS做到这一点以及什么是最好的惯例。辅助操作面板和页脚包装在
页脚控制器
中,但内容面板包装在单独的控制器中。我不确定我应该使用指令还是服务

我目前正在使用
angular ui router
,但这无法管理我需要发生的ui事件

任何建议都将不胜感激,我对AngularJS非常了解,因此我正在尝试学习正确的方法来处理AngularJS,而不是只是建立一些被砍掉的垃圾,我将在以后废弃


谢谢

我认为辅助面板应该有自己的ui视图(带有自己的控制器),而不是留在页脚内

为了让它知道单击了哪个项目,您可以通过ui路由器状态

假设您的控制面板有post id 1234,那么它应该有一个
ui sref=“stateName({postId:post.id})”

ui路由器中的这个状态将指定它应该触发哪个控制器/模板,在该控制器中,您可以从
$stateParams.postId


然后,您可以使用post id远程获取post,或者从服务获取post(如果您之前已存储它们)。

我认为辅助面板应该有自己的ui视图(带有自己的控制器),而不是留在页脚内

为了让它知道单击了哪个项目,您可以通过ui路由器状态

假设您的控制面板有post id 1234,那么它应该有一个
ui sref=“stateName({postId:post.id})”

ui路由器中的这个状态将指定它应该触发哪个控制器/模板,在该控制器中,您可以从
$stateParams.postId


然后,您可以使用post id远程获取帖子,或者从服务获取帖子(如果您之前已经存储了这些帖子)。

您好,请帮我解决这个问题。。嘿,谢谢@Icycool,我会尝试一下这种方法,顺便问一下,你知道我可以用任何类似代码的文章作为例子吗?你可以参考。在状态
contacts.detail
(代码在
ui-router/sample/app/contacts/contacts.js下)中使用相同的方法。嗨,你能帮我一下吗。。嘿,谢谢@Icycool,我会尝试一下这种方法,顺便问一下,你知道我可以用任何类似代码的文章作为例子吗?你可以参考。在状态
contacts.detail
(代码在
ui-router/sample/app/contacts/contacts.js下)中使用相同的方法。