AngularJS 数据绑定不起作用 - 在控制器范围内变量未显示输入的值

我有一个奇怪的情况$scope变量绑定似乎没有按预期工作。

这是 HTML：

        <div class="input-group" style="width:100px">
            <input type="number" 
                   class="form-control" 
                   id="Sampling_Request_for_Current_Sampling_INPUT"
                   ng-model="aabbcc" 
                   style="width:125px;text-align:center">
            <span class="input-group-btn">
                <button class="btn btn-default" ng-disabled="Cannot_Allocate_Yet" ng-click="Get_Sampling_Request_Details()" type="button">{{All_Labels.Common.Display}}</button>
            </span>
        </div>

这是单击按钮时调用的作用域函数：

$scope.Get_Sampling_Request_Details = function () {
    console.log("$scope.aabbcc: " + $scope.aabbcc) ;
}

变量$scope.aabbcc被初始化为0控制器加载后。

无论我在输入元素中输入什么内容，我总是会得到0在控制台中。

这种情况通常会发生，如果你将 HTML 封装在里面ng-if, ng-switch ng-repeat..或其他一些创建的指令new child scope。 看到这个fiddle http://jsfiddle.net/erhym7tv/.

因此，最佳实践是将您的范围包装在某种模型中，以利用典型的继承并将数据正确绑定到$scope.

Like : $scope.data.aabbcc = 0并像这样使用它ng-model ='data.aabbcc'.

and 读这个 https://github.com/angular/angular.js/wiki/Understanding-Scopes以便完全理解。