可能是个愚蠢的问题，但我的 html 表单带有简单的输入和按钮：
<input type="text" ng-model="searchText" />
<button ng-click="check()">Check!</button>
{{ searchText }}
然后在控制器中（从 routeProvider 调用模板和控制器）：
$scope.check = function () {
console.log($scope.searchText);
}
为什么我在单击按钮时看到视图已正确更新但在控制台中未定义？
谢谢！
更新：似乎我实际上已经解决了这个问题（之前不得不想出一些解决方法）：只需要将我的属性名称从searchTextto更改为search.text，然后$scope.search = {};在控制器中定义空对象，瞧......不知道为什么它起作用尽管 ;]
“如果你使用 ng-model，你必须在那里有一个点。”
让你的模型指向一个 object.property，你就可以开始了。
控制器
$scope.formData = {};
$scope.check = function () {
console.log($scope.formData.searchText.$modelValue); //works
}
模板
<input ng-model="formData.searchText"/>
<button ng-click="check()">Check!</button>
当子作用域在运行时会发生这种情况 - 例如子路由或 ng-repeat。子作用域创建了它自己的值，并产生了名称冲突，如下所示：
有关更多信息，请参见此视频剪辑：https : //www.youtube.com/watch?v=SBwoFkRjZvE&t=3m15s
控制器版本（推荐）
这里的模板
<div ng-app="example" ng-controller="myController as $ctrl">
<input type="text" ng-model="$ctrl.searchText" />
<button ng-click="$ctrl.check()">Check!</button>
{{ $ctrl.searchText }}
</div>
JS
angular.module('example', [])
.controller('myController', function() {
var vm = this;
vm.check = function () {
console.log(vm.searchText);
};
});
一个例子：http : //codepen.io/Damax/pen/rjawoO
最好将组件与 Angular 2.x 或 Angular 1.5 或更高版本一起使用
#########旧方式（不推荐）
不推荐这样做，因为字符串是原始的，强烈建议使用对象代替
在你的标记中试试这个
<input type="text" ng-model="searchText" />
<button ng-click="check(searchText)">Check!</button>
{{ searchText }}
这在你的控制器中
$scope.check = function (searchText) {
console.log(searchText);
}
在 Mastering Web Application Development with AngularJS book p.19 中，它写道
避免直接绑定到作用域的属性。对对象属性（在作用域上公开）的双向数据绑定是一种首选方法。根据经验，在提供给 ng-model 指令的表达式中应该有一个点（例如，ng-model="thing.name"）。
作用域只是 JavaScript 对象，它们模仿 dom 层次结构。根据JavaScript Prototype Inheritance，范围属性通过范围分开。为了避免这种情况，应该使用点符号来绑定 ng-model。
使用this代替$scope作品。
function AppCtrl($scope){
$scope.searchText = "";
$scope.check = function () {
console.log("You typed '" + this.searchText + "'"); // used 'this' instead of $scope
}
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
<div ng-controller="AppCtrl">
<input ng-model="searchText"/>
<button ng-click="check()">Write console log</button>
</div>
</div>编辑：在撰写此答案时，我遇到的情况比这复杂得多。在评论之后，我试图重现它以了解它为什么起作用，但没有运气。我认为以某种方式（不知道为什么）会生成一个新的子作用域并this引用该作用域。但是如果$scope使用，它实际上是指父 $scope 因为 javascript 的词法范围特性。
如果有人以这种方式进行测试并通知我们，那就太好了。
我遇到了同样的问题，这是因为我没有先在控制器顶部声明空白对象：
$scope.model = {}
<input ng-model="model.firstProperty">
希望这对你有用！