绑定在Angular Tutorial示例中不起作用

Question

<div ng-app="">
  <input type="text" ng-model="data.message">
  <h1>{{ data.message }}</h1>

  <div ng-controller="FirstCtrl">
    <input type="text" ng-model="data.message">
    <h1>{{ data.message }}</h1>
  </div>

  <div ng-controller="SecondCtrl">
    <input type="text" ng-model="data.message">
    <h1>{{ data.message }}</h1>
  </div>
</div>

这是他们必须演示“在控制器之间共享数据”的HTML代码，但FirstCtrl和SecondCtrl中的绑定对我来说不起作用。这种绑定方式是否未包含在Angular 1.3中？

控制器

function FirstCtrl($scope) {

}

function SecondCtrl($scope) {

}

Original Tutorial Link

Fiddle

Answer 1

从角度1.3开始，您不能再将全局函数用作控制器，必须将它们显式添加到模块中。

1. 在您的标记ng-app =“my-app”
中命名您的模块
2. 在代码var app = angular.module（'my-app'，[]）;
中创建一个模块
3. 将您的控制器添加到模块app.controller（'FirstCtrl'，FirstCtrl）
4. 享受数据绑定