angularJS怎么获取到layer弹窗里的输入的信息？

Question

问题描述

在angularjs写的前端框架里，用了layer弹窗来填写部分表单数据，请问怎么可以获取到对应的数据呢？

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
对应界面的代码

<div ng-controller="addCtrl" style="margin-left: 15px">

<div class="input-group input-group-sm">
    <label>任务名称:</label>
    <input type="text" id="taskName" class="form-control" ng-model="taskName" placeholder="请输入任务名称" aria-describedby="sizing-addon1">
</div>
<div class="input-group input-group-sm">
<label for="taskName">任务进度:</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" ng-model="status" checked>录入
</label>
<label class="radio-inline">
    <input type="radio" name="inlineRadioOptions" id="inlineRadio2"  ng-model="status">在办
</label>
<label class="radio-inline">
    <input type="radio" name="inlineRadioOptions" id="inlineRadio3" ng-model="status">结束
</label>
</div>
<div class="input-group input-group">
    <label for="content">任务内容:</label>
    <textarea class="form-control" rows="3" id="content" ng-model="content" placeholder="请输入任务内容"></textarea>
</div>
<div class="input-group input-group">
    <label for="remark">注意事项:</label>
    <textarea class="form-control" rows="3" id="remark" ng-model="remark" placeholder="请输入注意事项"></textarea>
</div>

</div>

layer.open的代码
layer.open({

        title:'请填写信息',
        type:1,
        area: ['300px', '410px'],
        contentUrl: '../modules/addTask/addTask.html',
        btn: ['提交', '取消'],
        yes: function yes(index, layero) {
            debugger;
         }
    })

你期待的结果是什么？实际看到的错误信息又是什么？

看了网上的一些教程，主要是获取不到弹窗界面的controller，也就拿不到底下的数据。。

Answer 1

问题已经解决。

var _scope = layero.find('[ng-controller="addCtrl"]').scope();

通过jQuery拿到对应的controller下的scope就可以了，如果是引用js的话注意jQuery.js要在angular.js之前引入。

Answer 2

1、感觉像是html结构问题，layer没被主的控制层包住
2、实在取不到值，那就试试走缓存吧