角度ng模型不与textarea结合

Question

我正在使用Angular 1.5，并且无法让我的textarea绑定到模型并在控制器中访问它。

在我的控制器中，我正在初始化一个变量：

$scope.textModel = "";

在我的模板中我有：

<textarea ng-model="textModel"></textarea>

如果我输入模板：

<div>{{textModel}}</div>

在textarea下我可以看到输入的是什么。但是，在按钮单击时调用的函数中，我看不到$ scope.textModel

的值

$scope.onButtonClick = function() {
  var x = $scope.textModel; // gets assigned as ""  
}

不确定我在这里缺少什么......

示例代码

export default (TestService) => {
     return TestService.show({
        template: (() => { 
            let modalHeader = `
            <modal-header-content>
                <div ng-if="!editing">
                    <textarea ng-model="textInput" placeholder="Add "></textarea>
                    <button type="button" class="btn btn-accent" ng-click="methods.addObj()">Add</button>
                </div>
            </modal-header-content>
            `;
            return [
                '<modal-template>',
                modalHeader,
                '</modal-template>'
            ].join('');
        })(),
        controller: ($scope) => {

            $scope.textInput = "";
            $scope.testArray = [];

            $scope.methods = {
                addObj: () => {
                    let newObj = {};
                    newTribute.message = $scope.textInput; //getting set as ""
                    $scope.testArray.push(newObj);
                    $scope.textInput = '';
                }
            }
        }
     })
}