如何通过单击按钮获取表单字段值

时间:2015-08-23 07:38:26

标签: angularjs angularjs-scope

这是我的html页面

 <ion-view title="About me">
  <ion-nav-buttons side="right"><button class="button button-icon icon ion-ios-checkmark-outline" ng-click="updateTextFields(editFormAboutMe, 0, 10000, false)"></button></ion-nav-buttons>
  <ion-content>
  <form name="editFormAboutMe" class="css-form">
    <div class="list">
      <label class="item item-input">
        <textarea placeholder="Type something about yourself ..." rows="6" name="about" ng-model="editFormAboutMe.editAboutMeFields" ng-maxlength="10"></textarea>
      </label>   
    </div>  
    </form>  
  </ion-content>
</ion-view>

这是控制器代码:

$scope.updateTextFields = function(fields, minLen, maxLen, required)
{
    alert(JSON.stringify(fields));
}

fields值是undefined?如何在updateTextFields内获取表单字段值?

1 个答案:

答案 0 :(得分:0)

无需在updateTextFields方法调用中传递textarea值。

内部方法updateTextFields使用 $ scope.editAboutMeFields 来获取textarea值。当您使用ng-model时,它是双向绑定,您将在方法中获得更新的值。