javascript - angularjs ng-click 无法更改 $scope 变量？

Question

我在这里感到困惑，我有一个看起来像这样的 Controller ..

angular.module('publicRegApp')
  .controller('CompanyNameController', function ($scope) {
    $scope.title = 'Title One';

    $scope.onSearch = function(){
        console.log("clicked");
        $scope.title = "Title Two";
    }

  });

在我的模板中我有:

<button type="submit" class="btn btn-default" ng-click="onSearch()">Search</button>

当我点击按钮时，控制台日志被触发，但 $scope.title 没有改变。我很困惑请帮忙:-(

Answer 1

如果您处理好这些事情，它就会起作用:

1. 确保你有 ng-app="publicRegApp" 某处
2. 将您的 Javascript 从 angular.module("publicRegApp") 更正为angular.module("publicRegApp", []) 这表明你没有取决于其他 Angular 模块。
3. 确保 {{title}} 在 Controller 范围内

这是工作示例:http://jsbin.com/xotaf/5/edit