AngularJs ng-submit 无法获取 ng-model 的值
AngularJs ng-submit cannot get the value of ng-model
我有这个 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
上打字时,它工作正常,模型正在更新等等。但是当我按下回车键时,我希望输入的值被记录在控制台上。但它似乎无法从 ng-model
.
获取更新值
尝试将其作为参数传递:
<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);
}
看一看好像都对
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>
我有这个 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
上打字时,它工作正常,模型正在更新等等。但是当我按下回车键时,我希望输入的值被记录在控制台上。但它似乎无法从 ng-model
.
尝试将其作为参数传递:
<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);
}
看一看好像都对
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>