Javascript 角度JS表单值未绑定到变量
我有以下表格:Javascript 角度JS表单值未绑定到变量,javascript,angularjs,Javascript,Angularjs,我有以下表格: <form method="post" role="form" name="newCategoryForm" ng-submit="submitForm()" enctype="multipart/form-data" novalidate> <div class="row"> <div class="row"> <div class="col s12"> <div input-fie
<form method="post" role="form" name="newCategoryForm" ng-submit="submitForm()" enctype="multipart/form-data" novalidate>
<div class="row">
<div class="row">
<div class="col s12">
<div input-field>
<input type="text" name="cat-name" id="cat-name"
ng-model="category.catname" required>
<label>Nombre</label>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<div input-field>
<textarea class="materialize-textarea" name="cat-description" id="cat-description" length="144"
ng-model="category.catdescription" ng-maxlength="144" required></textarea>
<label>Descripción</label>
</div>
</div>
</div>
<div class="row">
<div class="col s12">
<h6>Imagen de Fondo</h6>
<div class="file-field input-field">
<div class="btn pink darken-2 waves-effect waves-light">
<span>Archivo</span>
<input type="file" name="cat-bgimg" id="cat-bgimg"
file-model="variable" ng-model="category.catimg">
</div>
<div class="file-path-wrapper">
<input class="file-path" type="text" readonly>
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-large pink darken-2 waves-effect waves-light center-button" ng-disabled="newCategoryForm.$invalid">Crear Categoría</button>
</form>
如您所见,我尝试打印表单内容的三种方式中,控制器都未定义日志:
我对棱角分明的人很陌生,而且我也很缺乏经验。我使用文档作为参考:
知道我可能做错了什么吗?请尝试这样做
$scope.newCategoryForm.category
或将category
对象传递给submit函数
,因为我已经尝试过了,两者仍然返回未定义的:(你能发布整个html吗?你的表单在newCategoryController控制器中吗?哪里定义了$scope.category
?试试这样$scope.newCategoryForm.category
或者将category
对象传递给submit函数
,因为我已经尝试过了,两者仍然返回未定义的结果。)(你能发布整个html吗?你的表单是否在newCategoryController控制器中?在哪里定义了$scope.category
?
angular.module('sccateringApp')
.controller('newCategoryController', function (httpcalls, $scope) {
var request = httpcalls;
$scope.submitForm = function(){
$scope.catinfo = $scope.category;
console.log($scope.catinfo);
console.log(this.category);
console.log(newCategoryForm.category);
}
});