绑定在 Angular 教程示例中不起作用

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 代码 "Sharing Data Between Controllers" 但 FirstCtrl 和 SecondCtrl 中的绑定对我不起作用。 Angular 1.3 中不包含这种绑定方式吗？

控制器

function FirstCtrl($scope) {

}

function SecondCtrl($scope) {

}

Original Tutorial Link

Fiddle

Answer 1

从 angular 1.3 开始，您不能再将全局函数用作控制器，您必须明确地将它们添加到您的模块中。

在你的标记中命名你的模块 ng-app="my-app"
在代码中创建一个模块 var app = angular.module('my-app', []);
将您的控制器添加到模块 app.controller('FirstCtrl', FirstCtrl)
享受数据绑定

绑定在 Angular 教程示例中不起作用

Binding not working in Angular Tutorial example

angularjs

angularjs-scope