Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度ui引导-如何在模式中显示选定的输入值?_Angularjs_Modal Dialog_Angular Ui Bootstrap - Fatal编程技术网

Angularjs 角度ui引导-如何在模式中显示选定的输入值?

Angularjs 角度ui引导-如何在模式中显示选定的输入值?,angularjs,modal-dialog,angular-ui-bootstrap,Angularjs,Modal Dialog,Angular Ui Bootstrap,我是angular.js的新手。我必须在模式中显示输入的选定值,但我没有成功。 我有以下投入: <form> <input type="radio" name="toggleDiv" value="show" ng-click="show()" checked/> Show Text <br> <input type="radio" name="toggleDiv" n

我是angular.js的新手。我必须在模式中显示输入的选定值,但我没有成功。 我有以下投入:

   <form>
      <input type="radio" name="toggleDiv" value="show" ng-click="show()"   checked/> Show Text
                <br>
                <input type="radio" name="toggleDiv" ng-click="hide()" value="hide"/> Hide Text
            </form>

您的实现错误。请检查anguar ui引导模式

你必须这样做

$scope.open = function () {
var modalInstance = $uibModal.open({
  animation: $scope.animationsEnabled,
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl',
  resolve: {
    items: function () {
      return $scope.myForm;
    }
  }
});
在控制器中

app.controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {

  $scope.items = items;

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
});
在html中

<script type="text/ng-template" id="myModalContent.html">
                    <div class="modal-header">
                        <h3 class="modal-title">I'm a modal!</h3>
                    </div>
                    <div class="modal-body">
                        {{ items.input}}
                    </div>
                </script>
<form>
      <input type="radio" name="toggleDiv" ng-model="myForm.input" value="show" ng-click="show()"   checked/> Show Text
                <br>
                <input type="radio" name="toggleDiv" ng-click="hide()" value="hide"/> Hide Text
            </form>

希望这有帮助:)

@charlietfl-输入值在模式中不显示
app.controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {

  $scope.items = items;

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
});
<script type="text/ng-template" id="myModalContent.html">
                    <div class="modal-header">
                        <h3 class="modal-title">I'm a modal!</h3>
                    </div>
                    <div class="modal-body">
                        {{ items.input}}
                    </div>
                </script>
<form>
      <input type="radio" name="toggleDiv" ng-model="myForm.input" value="show" ng-click="show()"   checked/> Show Text
                <br>
                <input type="radio" name="toggleDiv" ng-click="hide()" value="hide"/> Hide Text
            </form>
$scope.$apply(function () {
             $scope.inputsValue=$('input:checked').val();
        });