Angular model not updating - Angular.js

Question

I have a directive where the model is not updating like I think it is supposed to. Here is my html:

      <div class="text-area-container">
        <textarea ng-model="chatText" ng-keyup="updateCount(chatText)"></textarea>
      </div>
     <input ng-disabled="disableCommentButton()" value="Comment" ng-click="addMessage(chatText)"/>

As you can see I have a ng-model attached to the <textarea>. I don't know if this affects anything, but I also have a ng-keyup attached to the element, that takes the model and looks at how many characters are in it. The last piece is I have a ng-disable on an input that is evaluated by a function. Here is my the link function of my directive:

  link: function(scope) {
    scope.chatText = '';

    scope.countRemaining = 500;

    scope.updateCount = function(chatText) {
      scope.chatText = chatText;
      scope.countRemaining = scope.maxChatCount - chatText.length;
    };

    scope.disableCommentButton = function() {
      return _.isUndefined(scope.encounter) || _.isEmpty(scope.chatText);
    };
  }

The problem is that my scope.chatText is always undefined in the disableCommentButton method. I thought that by attaching a model to an element in the html, the I would have access to it on the scope. What am I missing here?

xspydr · Accepted Answer · 2014-01-10 20:27:57Z

1

Try...

scope.disableCommentButton = function() {
  return _.isUndefined(this.encounter) || _.isEmpty(this.chatText);
}

answered Jan 10, 2014 at 20:27

xspydr

3,0703 gold badges32 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

jhamm Over a year ago

Why did that work? scope.encounter was working, but scope.chatText was not working. I don't know if scope.chatText not being defined earlier in the file had anything to do with it.

xspydr Over a year ago

with scope being a global variable at the time of your function declaration it was referring to the out-dated scope. referring to this within the function refers to the new scope object.

jhamm Over a year ago

So the scope changes? When does the scope become out of date?

xspydr Over a year ago

scope is simply a container object. In your code you are changing scope when you add the encounter and chatText properties. So, really scope can change at anytime based on how your code changes it.

Collectives™ on Stack Overflow

Angular model not updating - Angular.js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related