javascript - 指令之间的连接(Angular 1.4.8)

标签 javascript angularjs angularjs-directive

我尝试将我的 SPA 准备为 Angular 1.5 以使用组件,因此我通过此方案将我的页面分为 2 个指令(将来的组件):

Playlist.html

<playlist-managing></playlist-managing>
<song-list></song-list>

在 playlistManaging 指令中,我应该可以过滤放在 SongList 指令中的歌曲。那么,最好的方法是什么?我可以在 $scope 中使用事件,但我认为这不是一个好的解决方案。

谢谢。

最佳答案

指令之间共享数据有很多种方法,第一种也是最好的方法是使用工厂服务并与之共享数据,第二种方法是指令的共享 Controller ,第三种方法是将数据保存在这些指令的父 Controller 中指令并使用属性将共享数据提供给指令,第四种方法是使用共享作用域指令,该指令在父 Controller 和指令之间共享作用域,以下是上述方法的链接:

共享 Controller :https://thinkster.io/a-better-way-to-learn-angularjs/directive-to-directive-communication

厂家服务:http://viralpatel.net/blogs/angularjs-service-factory-tutorial/

共享范围指令:http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/06/11/understanding-scopes-in-angularjs-custom-directives.aspx

关于javascript - 指令之间的连接(Angular 1.4.8),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36950649/

相关文章:

ruby-on-rails - 如何使用 coffeescript 获取当前年份

javascript - 为 angular-materialize 添加依赖项时出错

javascript - AngularJs - 自定义指令 - 从 Controller 绑定(bind)模式

angular - ui-grid angular js - 单元格卡在编辑模式

IE9 上的 Javascript srcElement 属性

javascript - 菜单悬停的 IE 问题

javascript - Google Apps 脚本返回正确的值 + 多个不需要的逗号

javascript - JQuery Accordion 在加载时打开面板

javascript - angularjs中的单卡和多卡选择数据

javascript - 为什么 ng-keypress 不会更改 ng-model 值