angularjs信息录入页面通过modal控件实现最终确认弹出框如何传值？

Question

在页面上输入各项数据，点击确认按钮，通过modal的方式实现弹出确认框，并把之前输入的信息显示在弹出框上，再通过弹出框上的最终确认按钮实现httppost服务录入数据。但是modal弹出框不在录入页面的控制器上，如果用两个控制器，页面间的数据就取不到了，有什么办法吗，求解.

<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" >

<div class="modal-dialog">
    <div class="modal-content animated bounceInRight">
        <div class="modal-header">
            <h4 class="modal-title">窗口标题</h4>
        </div>
        <div class="modal-body">
            <label>xxx：</label>
            <input type="text"  id="xxx" readonly/>
            
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="submit" ng-click="faultInsClick()">保存内容</button>
            <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
        </div>
    </div>
</div>

</div>这是弹出框代码，
var str1 = $("#inputid").val();

    $('#xxx').val(str1);
    这是js上的取值部分

Answer 1

其实就是数据传递的问题，简单说几种可以达到你的目的的办法：

1、创建一个 factory 实现数据共享。

2、使用 localStorage 或 sessionStorage 做中介。

3、使用广播事件，即使用 $broadcast （自上而下） 或 $emit （自下而上）发送广播，$on 来接收广播的事件。

三种方法都可以达到你要的。