项目中遇到的关于兄弟controller之间传值的问题解决

Posted 2020-08-09 PeaFull

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了项目中遇到的关于兄弟controller之间传值的问题解决相关的知识，希望对你有一定的参考价值。

层级关系如下

<ons-page ng-controller="tabbarIndexController">
    <ons-tabbar position="top"  var="tabbar">
        <ons-tab label="新建消息" page="pages/newMsg.html" active="true"></ons-tab>
        <ons-tab label="历史消息管理" page="pages/historyMsg.html"></ons-tab>
    </ons-tabbar>
</ons-page>

现在需将historyMsgController中的数据传给newMsgController

思路1：在historyMsgController中用$scope.$emit将数据发送给父级的tabbarIndexController,父级用$on接受数据后再用$scope.$broadcast广播给子级的newMsgController,子级用$on接受。

思路2：在historyMsgController中用$scope.$parent.$emit直接利用父级scope来$scope.$broadcast广播给子级的newMsgController,子级用$on接受。

思路2明显简单了许多。

以上是关于项目中遇到的关于兄弟controller之间传值的问题解决的主要内容，如果未能解决你的问题，请参考以下文章

兄弟组件之间传值

VUE父子组件之间的传值，以及兄弟组件之间的传值