如何将ng-model作为参数传递给控制器

Question

How can i pass the ng-model with it's value as a parameter to a function in a controller from html.I tried to pass the ng-model as string to the controller but it didn;t works can anyone tell me how to do it.

Html:

<input stopccp decimalpoint
      ng-model="vm.product.rate"
      placeholder="0"
      type="number"
      ng-change="vm.fillStarted()"
      maxlength="5"
      ng-keydown="vm.checkMaxLength(5, vm.product.rate)"
      ng-click= "vm.hideScrollContent()"/>

Controller:

var vm = this;
function checkMaxLength (maxLength, model) {
  $log.log('checkMaxLength got called', maxLength);
  $log.log('model is', model);
  $log.log('model value', model.value);
  // if (vm.product.rate.length === maxLength) {
  //   vm.product.rate.value = vm.product.rate.value.slice(0, -1);
  // }
}

Logs:

checkMaxLength got called 5
model is 
model value undefined

Answer 1

Your code is working as expected. As you are calling method on ng-keydown first time you will not see any value. For second input you should see the first input value

<input stopccp decimalpoint
      ng-model="vm.product.rate"
      placeholder="0"
      type="number"
      ng-change="vm.fillStarted()"
      maxlength="5"
      ng-keydown="vm.checkMaxLength(5, vm.product.rate)"
      ng-click= "vm.hideScrollContent()"/>


function checkMaxLength (maxLength, model) {
  $log.log('checkMaxLength got called', maxLength);
  $log.log('model is', model);//enter 123 in input. You should see 12 here
  $log.log('model value', model.value);// It is wrong as model.value will always 
    be undefined

}

Use ng-keyup instead you ng-keydown to see typed input in log.

Answer 2

Your code looks totally fine, i guess the issue lies here

var vm = this;

and then you need to assign value to the product , otherwise it will be undefined.

this.product = {};
var vm = this;

Answer 3

You should be able to access it simply within the controller .

So change your ng-keydown into:

ng-keydown="vm.checkMaxLength(5)"

And then inside your checkMaxLength function simply use:

function checkMaxLength (maxLength) {
  $log.log('checkMaxLength got called', maxLength);
  $log.log('model is', vm.product.rate);
}

And of course inside the controller you should have your product object init:

vm.product = {};

in order to use its rate property as model