Question

我有一个按钮。单击按钮我打开模型，在该模型中我有文本字段和提交按钮。我需要将输入字段的值设置为单击提交按钮后屏幕上的输入字段。制作模型的控制器和编写提交按钮的点击事件的地方？这里是plunker http://plnkr.co/edit/8FnZ2disRS3ALdRWVvpT?p=preview

  var app= angular.module('app',['ui.bootstrap']);
    app.controller('cntr', function($scope, $modal){
           $scope.onButtonClick = function () {

        $modal.open({
            templateUrl: 'myModalContent.html',
            backdrop: true,
            windowClass: 'modal',


        });
    };
      })
how to set value in input field?

Answer 1

打开模态添加控制器和要作为解析发送的数据

$modal.open({
            templateUrl: 'myModalContent.html',
            backdrop: true,
            windowClass: 'modal',
            controller: getDataController,
                     resolve: {
                         items:
                             function () {
                                 return {
                                    //getUserData is some function to fill input value on main screen in main controller which takes submitted value as parameter
                                     someParameterInItems:$scope.getUserData,
                                 };
                             }
                     }
                 });


        });
//example controller

var getDataController = function ($scope,$modalInstance,items) {
 $scope.onClickFunctionInModal=function(){
    items.someParameterInItems(submittedValue);
}

}

在提交的ng-click（或任何提交函数）的getDataController定义函数中，数据被提交给在这种情况下定义的函数＆＃39; onClickFunctionInModal＆＃39;这将调用main＆＃39; getUserData＆＃39;带参数的函数

希望有所帮助

Answer 2

在标准用途中，您需要在每个输入字段中使用ng-model在范围中发布变量。并且在提交模态时，您将获得模态返回的承诺返回的输入值。

以下是您的新手：

        $modal.open({
            templateUrl: 'myModalContent.html',
            backdrop: true,
            windowClass: 'modal',
            controller: ModalInstanceCtrl
        })
        .result.then(function(updatedItem){
          $scope.myLocalVar = updatedItem;
        });

http://plnkr.co/edit/toQOBNzcGtsTgSJiMB5H?p=preview

如何使用angular将模型数据发送到文本字段？

2 个答案: