ng-controller 的教学 例子和应用

`ng-controller` 是 AngularJS 中的一个指令，它用于指定一个控制器来管理当前的视图。控制器可以处理视图的数据和行为，从而实现视图与模型的数据绑定。

以下是一个简单的 `ng-controller` 的例子：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" ng-model="name">
  <p>Hello {{ name }}</p>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.name = 'AngularJS';
  });
</script>

在上面的例子中，我们创建了一个名为 `myCtrl` 的控制器，并将其绑定到一个名为 `myApp` 的 AngularJS 应用程序中。然后我们在 HTML 中使用 `ng-controller` 指令来指定该控制器来管理当前的视图。控制器中定义了一个 `$scope` 变量，它被用来存储视图中的数据。在视图中使用了 `ng-model` 指令来绑定输入框中的数据到 `$scope.name` 变量中，并使用了 `{{}}` 语法来将 `$scope.name` 变量的值显示在 `<p>` 标签中。

除了上面的例子，`ng-controller` 还可以用于以下应用：

1. 创建多个控制器来管理不同的视图。
2. 控制器可以与服务和指令一起使用，以实现更高级的功能。
3. 控制器可以通过依赖注入方式来引用其他控制器和服务。