Угловое связывание не работает в текстовом поле?

Question

У меня проблема с строкой. Я поместил элемент управления ввода текста и связал его с контроллером и добавил ввод кнопки, но когда я пытаюсь получить значение ввода текста при нажатии кнопки, я становлюсь пустым.

Контроллер

chat.controller('chatController', ['$scope', 'board', '$log', function ($scope, board, $log) { 
$scope.Messages = []; 
$scope.comment = ''; 
board.startBoard(function() { 
    board.loadAllMessages().then(function (messages) { 
     $scope.Messages = messages; 
    }); 
}); 
$scope.likeClick = function (isfromChild, message) { 
    $log.info(message); 
}; 
$scope.dislikeClick = function (isfromChild, message) { 
    $log.info(message); 
}; 
$scope.addComment = function() { 
    //HERE IS THIS PROBLEM 
    alert($scope.comment); 
    $scope.comment = ''; 
}; 
} ]); 

Mark Up

<div style="margin-top: 10px"> 
            <div class="input-group"> 
             <input type="text" class="form-control" data-ng-model="comment" placeholder="write a comment..." /> 
             <span class="input-group-btn"> 
              <button class="btn btn-info" data-ng-click="addComment()" id="button1"> 
               Post Commant</button></span> 
            </div> 
           </div> 

Answer 1

Просто добавьте ng-controller атрибут, например:

<div style="margin-top: 10px" ng-controller="chatController"> 

Рабочий пример: http://jsfiddle.net/shPwB/1/

Answer 2

обновите его как ниже

<div style="margin-top: 10px" ng-controller="chatController"> 
           <div class="input-group"> 
            <input type="text" class="form-control" data-ng-model="comment" placeholder="write a comment..." /> 
            <span class="input-group-btn"> 
             <button class="btn btn-info" data-ng-click="addComment()" id="button1"> 
              Post Commant</button></span> 
           </div> 
          </div>