AngularJs нг подать не может получить значение нг-модели

Question

У меня есть этот HTML:

<form ng-submit="addComment()"> 
    <md-input-container flex> 
     <label>Shoutout</label> 
     <input type="text" ng-model="comment"> 
    </md-input-container> 
</form> 

и в моем контроллер:

$scope.comment = ""; 

$scope.addComment = function(){ 
    console.log("Value from input", $scope.comment); 
    $scope.comment = "test" 
    console.log("New Value", $scope.comment); 
} 

Он отлично работает, когда им печатать на машинке input модель обновляется и все. Но когда я нажимаю enter, я ожидаю, что значение с входа будет записано на консоль. Но, похоже, он не может получить обновленное значение от ng-model.

Answer 1

Попробуйте передать его в качестве аргумента:

<form ng-submit="addComment(comment)"> 
    <md-input-container flex> 
    <label>Shoutout</label> 
    <input type="text" ng-model="comment"> 
    </md-input-container> 
</form> 

$scope.addComment = function(comment){ 
    console.log("Value from input", comment); 
    $scope.comment = "test"; 
    console.log("New Value", comment); 
} 

Answer 2

кажется все правильно посмотреть.

angular.module('app', []).controller('MyController', ['$scope', 
 
    function($scope) { 
 

 
    $scope.comment = ""; 
 

 
    $scope.addComment = function() { 
 
     console.log("Value from input", $scope.comment); 
 
     $scope.comment = "test" 
 
     console.log("New Value", $scope.comment); 
 
    } 
 

 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="MyController"> 
 
    <form ng-submit="addComment()"> 
 
    <md-input-container flex> 
 
     <label>Shoutout</label> 
 
     <input type="text" ng-model="comment"> 
 
    </md-input-container> 
 
    </form> 
 
    
 
    <p>{{"log-->> "+comment}}</p> 
 
<div>