Formular speichern Daten von Popover in AngularJS

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>

Ich habe Web eine Seite, wo ich eine Taste und wenn appears.In dieser popover die Schaltfläche popover klicken habe ich Textfeld, aber wenn ich klicken i speichern will den Text in meinem Controller bekommen, aber ich bekomme undefiniert mit $ scope.modelname

Wie kann ich diese Daten bekommen?

Answer 1

Ich glaube, Sie lieber ein modal verwenden möchten als ein popover wie so, wie ein popover wirklich nur ist Text angezeigt: -

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

Dies ist, was es für weitere Informationen here fertigt.