使用AngularJS

时间:2015-07-23 06:54:42

标签: javascript angularjs views angular-ui-router multiple-views

因此,我一直在四处寻找最佳方法来设置一个具有隐藏面板的页脚,以便进行滑动操作。该网站非常基本,它有标题,内容区域和页脚。我制作了一个简单的线框来解释这一点:

Layout

理想情况下,内容面板会说帖子,点击时我想打开Secondary actions panel,其中编辑表格预先填充了内容面板中的数据。如果点击Icon,我想弹出相同的Secondary actions panel,并添加一个空白的新帖子表单。我努力解决这个问题的方法是如何做到这一点,以及通过AngularJS最好的方法。辅助操作面板和页脚包含在FooterController内,但内容面板包含在单独的控制器中。我不确定我是应该使用指令还是服务。

我目前正在使用angular-ui-router,但这并不能管理我需要发生的事件。

我非常感谢任何建议,我非常了解AngularJS,因此我尝试使用AngularJS学习正确的方法,而不仅仅是建立一些我讨厌的废话。最后报废!

谢谢!

1 个答案:

答案 0 :(得分:0)

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

要知道哪个项目已被点击,您可以通过ui-router状态。

我们说你的控制面板有帖子ID 1234,那么它应该有一个ui-sref="stateName({postId: post.id})"

ui-router中的这个状态将指定它应该触发哪个控制器/模板,并且在该控制器内你可以从$stateParams.postId获取id

然后,您可以使用帖子ID远程或从服务中获取帖子,如果您之前已经存储过。