$ uibmodal返回表单的值无效

时间:2017-10-11 00:34:48

标签: angularjs bootstrap-modal angular-ui-modal

我有一个可以创造耐心的表格。在那个表单上,我有一个用于分配设备的输入框和一个用于打开弹出窗口的按钮,其中显示了设备列表。我为列表中的每个设备都有一个按钮。当我点击列表中的某个设备时,我希望设备编号打印在患者创建页面的输入框中。

首先,患者创建页面

enter image description here 患者创建控制器代码 -

    $scope.openDeviceModal = function () {

            var notifyModalInstance = $uibModal.open({
                size: 'sm',
                component : 'deviceModalComponent'
            });
            notifyModalInstance.result.then(function (result) {
               alert(result);
            });
        }

点击选择设备后,会打开模态。 这就是它的外观

enter image description here

我有html和控制器文件

<table>
<thead>
 <tr><th>Device Serial number</th></tr>
   <tr><th>Status</th></tr>
     <tr><th>Action</th></tr>
 </thead> 
 </table>

 <table class="table table-inverse">
            <tbody>

            <tr ng-repeat="device in devices">
                <td width="12%" ><span>{{device.deviceSerialNumber}}</span>
    </td>
                <td width="10%" ><span>{{device.assignmentStatus}}</span>
      </td>
                <td width="12%">
                    <button type="submit" class="btn btn-primary pull-right"
                            ng-click="selectThisDevice(device);"><span 
            title="Select Device"

          class="glyphicon glyphicon-plus"></span> Assign
                    </button>

                </td>
            </tr>
            </tbody>
        </table>

控制器有一个功能selectThisDevice

 define([], function () {

'use strict';

var deviceModalComponent = {
    templateUrl: 'views/components/patient/create/deviceModal/deviceModal.html',

    controller: [
        '$scope',
        'AuthService',
        'DeviceDataService',
        'device_map',
        '$rootScope',

        function ($scope, AuthService, DeviceDataService, device_map, 
   $rootScope,  $uibModalInstance) {

            $scope.selectThisDevice = function (device) {
                console.log("Device Info ------"+JSON.stringify(device));
                $uibModalInstance.close(device.deviceSerialNumber);
            }


   }
    ]
    }
    return deviceModalComponent;

 });

当我在函数中记录设备对象时,它看起来很好。但是对于密切的方法,它说&#34;无法阅读财产&#39;关闭&#39;未定义&#34;。我想将设备序列号发送回患者创建控制器。我是新来的。有人可以帮助我吗

0 个答案:

没有答案