用紙の保存データは

Question

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; 
 
     } 
 
    });

<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>

は、私は私がボタンを持っており、そのポップオーバーappears.Inボタンのポップオーバーをクリックしたときに、私はテキストエリアを持っているが、私はボタンIを保存する]をクリックすると、ページのWebを持っています私のコントローラでテキストを取得したいのですが、$ scope.modelnameを使用して定義されていません。

どうすればデータを取得できますか？

Answer 1

私はあなたがポップオーバーは、テキストだけを表示するために実際にあるとして、モーダルではなく、そのようなポップオーバーを使用したいと思う： -

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

これは、それがより多くの情報hereのために設計されているものです。