从控制器访问ng-model变得不确定

Question

I'm having an <input type="text" ng-model="authorid"> in my html, it gets automatically updated when user updates some other field in the form. It works fine in the html, however trying to access the authorid from the controller it always gets undefined

console.log($scope.authorid);

... any ideas please?

I have tried numerous solutions here and none worked, especially that I don't want to add another method to set it. Any ideas please?

Answer 1

After spending good number of hours trying to understand what's going on. I found the answer here: AngularJS update input manually does not trigger change in the model

which basically led me to write the following code and that fixed it:

var e = document.getElementById("field");
e.value = "my updated value";
var $e = angular.element(e);
$e.triggerHandler('input');

Thanks to @Fresheyeball and thanks everyone for trying help as well

Answer 2

You should follow best-practice, and make your `authorid' to a object.property variable.

first, define in your controller, something like:

$scope.form = {};

then in your html, do:

<input type="text" ng-model="form.authorid">

This is because in AngularJS, a child scope normally prototypically inherits from its parent scope.