Javascript 我的Angular JS应用程序中的多控制器抛出错误

我是一个初学者在角JS。我知道js文件中需要以下声明才能使angular js控制器工作

var app = angular.module('myApp', []);

app.controller('ctrlOne', function(){
});

但最近从互联网上得到了一些代码，上面的应用程序和控制器没有声明。但只有控制器函数定义，仍然可以正常工作，但在我的例子中不是这样

请在下面找到我的代码并输出。请纠正我

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

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

    <div ng-controller="ctrlTwo">
        <input type="text" ng-model="data.message" />
        <h1>{{ data.message }}</h1>
    </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="App.js"></script>

请任何人帮我找出哪里出了错。欢迎你的建议

请查找JSFIDLE链接：

---

初始化angular应用程序有两种方法。一种是在html中定义

ng应用程序

，或者您可以手动引导angular应用程序。

---

你需要弄清楚应用程序的初始化位置。因为在html中，您使用的是

ng app=''

。您应该为其提供应用程序名。

更改html以包括

myApp

模块名，如下所示：

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

...
{{data.message}
...

Angular需要知道根模块的名称。指令仅规定：

使用此指令自动引导AngularJS应用程序。这个 ngApp指令指定应用程序的根元素，并且 通常放置在页面的根元素附近-例如，在

或

标记

---

即使按照你的建议移除。删除后，我收到与截图中相同的输出错误。您是否检查过，它是否在代码的其他地方启动？否，您需要完全删除

ng app

。您好，ashfaq，感谢您的回复。把JSFIDLE贴上，你能看一下吗。我已经看到其他示例可以很好地用于类似类型的代码。提前谢谢。在小提琴中，您没有附加angular.js文件。另外，你没有在任何地方定义应用程序。您试图从internet复制的代码示例不完整。你一定错过了什么。请做一把小提琴，我可以帮你。

function ctrlOne($scope){

};

function ctrlTwo($scope){

};

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