Materializecss表单,其中angularjs未提交

时间:2017-05-14 13:37:48

标签: angularjs forms materialize

我正在使用materializecss,我的项目也使用angularjs。我有一个看起来像这样的表单。附加html和js。问题是当我按提交时没有从表单传递数据。相关添加函数被调用。在控制台中,它表明变量测试是{}之后的字符串。我不明白为什么。请帮助。任何帮助将不胜感激。(我已在主文件中定义了ng-app .Havent附在此处)



app.controller("MyAddController", function($scope, $http) {
	$scope.test = {};
    $scope.add = function() {
    	console.log("------------>"+JSON.stringify($scope.test));
    	$http({
    	    url: "rest/leave/create",
    	    method: "POST",
    	    data: JSON.stringify($scope.test),
    	    headers: {'Content-Type': 'application/json'}
        
        }).success(function(data, status, headers, config) {
            if (data) {
                $scope.data = data;
                alert("success");
            }
        }).error(function(data, status, headers, config) {
            alert("error");
        })
    }
});

  <!-- Modal Structure -->
  <div id="modal1" class="modal" ng-controller="MyAddController">
    <div class="modal-content">
      <h4>Apply Leave</h4>

      <div class="row">
        <form class="col s12">
          <div class="row modal-form-row">
            <div class="input-field col s6">
              <input id=num" type="text" class="validate" ng-bind="test.num">
              <label for="num">num</label>
            </div>
            
            <div class="input-field col s6">
              <input id="ename" type="text" class="validate" ng-bind="test.Title">
              <label for="ename">Employee Name</label>
            </div>
            
          </div>
          
           <div class="row modal-form-row">
            <div class="input-field col s5">
              <input id="startDate" type="text" class="validate" value="{{selectionDate.startdate}}" ng-bind="test.StartAt">
             
            </div>
            
            <div class="input-field col s5">
              <input id="endDate" type="text" class="validate" value="{{selectionDate.enddate}}" ng-bind="test.EndAt">
              
            </div>
            
            <div class="input-field col s2">
              <p>
      		  <input type="checkbox" id="test6" value="yes" ng-bind="isFull"/>
     		   <label for="test6">Half Day</label>
    			</p>
            </div>
            
          </div>
          <div class="row">
            <div class="input-field col s12">
              <input id="description" type="text" class="validate" ng-bind="test.Description">
              <label for="description">Description</label>
            </div>
          </div>               
        </form>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn waves-effect waves-light" type="submit" ng-click="add()" name="action">Submit
    <i class="material-icons right">send</i>
  </button>
    </div>
  </div>
 
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

ng-bind 更改为 ng-model 以进行双向数据绑定---查看控制器

你也错过了

中的引号
  <input id=num" type="text" class="validate" ng-bind="test.num">

Plunker