无法将模块和控制器文件连接到 index.html

Question

我是 Angular 的新手，只有非常基础的知识。最近，我一直关注运行实现基本模块和控件的相同问题。我试过关注 youtube 视频，但无法弄清楚我做错了什么。

HTML

    <!DOCTYPE html>
      <html ng-app="module">
        <head>
          <title>Angular App</title>
          <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
         <script src="connect.js"></script>
         </head>
         <body ng-controller="control">
               {{message}}
         </body>
         </html>

ANGULAR Connect.js

    var app= angular.module("module",[]);
     var control= function($scope){
             $scope.message="Hello world!";
        }
     app.controller("control",control);

Answer 1

如果脚本名称是Connect.js。更改脚本标签

<script src="Connect.js"></script>

Answer 2

HTML

 <!DOCTYPE html>
      <html ng-app="module">
        <head>
          <title>Angular App</title>
          <script data-require="angular.js@*" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
         <script src="script.js"></script>
         </head>
         <body ng-controller="control">
               {{message}}
         </body>
         </html>

Angular script.js

var app = angular.module('module', []);
app.controller('control', function($scope) {
    $scope.message = "Hello Word!!";
  });

您可以使用下面的 link : https://plnkr.co/edit/VhW9BrZ8ukUZecCHkONp?p=preview

无法将模块和控制器文件连接到 index.html

Cant connect the module and controller file to index.html

javascript

controls

module

angularjs