Question

＆＃13;

   var App = angular.module('myApp', []);
   App.controller('myPopoverCtrl',
    function($scope){
      $scope.myPopover = {
        isOpen: false,
        open: function open() {
            $scope.myPopover.isOpen = true;
          },
        close: function close() {
           // alert('hi');
            $scope.myPopover.isOpen = false;
        }
      };

      $scope.SaveNotes  = function() { 
      console.log('hi');
      console.log($scope.noteText);
      //getting undefined here
      return false;
      }
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app = "App">
<a uib-popover-template="'AddNote.html'" 
           popover-title="AddNote" 
           popover-trigger="'outsideClick'"
           ng-controller="myPopoverCtrl"
           popover-is-open="myPopover.isOpen"
           ng-click="myPopover.open()">Add
        </a>
 </div>
 <script type="text/ng-template" id="AddNote.html">
  <div>
   <textarea class="form-control height-auto" 
   ng-model="noteText" 
   placeholder="This is a new note" ></textarea>
   <input class="btn btn-outline btn-primary" 
   type="button" 
   ng- click="SaveNotes();" value="Save">
  </div>
 </script>

＆＃13;

我有一个网页，我有一个按钮，当点击按钮popover出现。在那个popover我有textarea但当我点击保存按钮我想得到我的控制器中的文本但我得到使用$ scope未定义。 MODELNAME

我如何获得这些数据？

Answer 1

我认为你想要使用一个模态而不是像这样的popover，因为popover实际上只是为了显示文本： -

var modalInstance = $modal.open({
                    animation: $rootScope.animationsEnabled,
                    templateUrl: 'views/myTemplate.html',
                    size: 'md'
                }).result.then(function(result) {
                $scope.result = result;
            });

这是它为更多信息设计的here。

从Angularjs中的Popover保存表单数据

1 个答案: