Angularjs 在ng模型上使用$scope时，输入长度未定义

我是新手。但是，找不到一行或简单的解决方案。 我试图在输入文本框中实现“剩余字符”计数，但显示的

explorationObjectiveService.displated

的值是

未定义的

。谢谢你的帮助

HTML

---

检查此sinppest可帮助您

var-app=angular.module（'plunker'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.num=100；
$scope.change=函数（）{
$scope.num=100-$scope.data.length
};
});

安古拉斯普朗克
文件。写（“”）；
你好{{name}}

剩余：{num}}个字符

错误的括号：（$scope.explorationObjectiveService.displayed.length）；括号不会影响@GrobenAdd指令脚本的任何内容。尽管此代码可能有助于解决问题，但它没有解释为什么和/或如何回答问题。提供这种额外的环境将大大提高其长期价值。请在回答中添加解释，包括适用的限制和假设。
<input id="explorationObjective" type="text"
                   class="form-control protractor-test-exploration-objective-input"
                   ng-model="explorationObjectiveService.displayed"
                   ng-blur="saveExplorationObjective()" placeholder="Learn how to ..." maxlength="100">

$scope.counter= 100 - ($scope.explorationObjectiveService.displayed).length;