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

Question

我有一个按钮。单击按钮打开模型，在该模型中我有文本字段和提交按钮。单击提交按钮后，我需要将输入字段的值设置为屏幕上显示的输入字段。如何制作控制器模型以及我们在何处编写“提交”按钮的click事件？ 这是矮人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);
}

}

在该getDataController定义函数中，在提交时进行ng-click（或任何提交函数），数据被提交到该已定义函数，在这种情况下为'onClickFunctionInModal'，它将使用参数调用主'getUserData'函数

希望能有所帮助

Answer 2

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

这是您的朋克更新：

        $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