Javascript &引用；参考错误：未定义角度“；为角度控制器脚本创建单独的文件时_Javascript_Node.js_Angular_Express_Webstorm

Javascript &引用；参考错误：未定义角度“；为角度控制器脚本创建单独的文件时

javascript node.js angular express webstorm

Javascript &引用；参考错误：未定义角度“；为角度控制器脚本创建单独的文件时,javascript,node.js,angular,express,webstorm,Javascript,Node.js,Angular,Express,Webstorm,我正在webstorm中尝试一个基本的node.js express应用程序，下面的代码是index.ejs文件。我保存在comment部分的脚本保存在这个文件中时可以完全工作，但是当我试图将控制器保存在一个名为personalController.JS的单独JS文件中时，该文件显示“ReferenceError:angular未定义” 欢迎来到尝试更改名称名字：姓氏：您应该在头部包含角度脚本，而不是在HTML文档中浮动。这可能会解决问题。试过了，但没用。当我试图将脚本放在单独的文

我正在webstorm中尝试一个基本的node.js express应用程序，下面的代码是index.ejs文件。我保存在comment部分的脚本保存在这个文件中时可以完全工作，但是当我试图将控制器保存在一个名为personalController.JS的单独JS文件中时，该文件显示“ReferenceError:angular未定义”


欢迎来到
尝试更改名称
名字：

姓氏：

您应该在头部包含角度脚本，而不是在HTML文档中浮动。这可能会解决问题。试过了，但没用。当我试图将脚本放在单独的文件中时，问题出现了，错误指向行“var myNgApp=angular.module（'myApp'，[]）；”您能更新代码吗？在angular初始化之前，您可能会调用您的“var myNgApp=angular.module（'myApp'，[]）；”。确保包含它的脚本在angular本身之后调用。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  <p> Try to change the name</p>

  <div ng-app="myApp" ng-controller="myCtrl">
    First Name:<input type="text" ng-model="firstName"><br>
    Last Name:<input type="text" ng-model="lastName"><br>
    <br>

    <!--Full Name:{{fullName()}}-->
<p ng-bind="fullName"></p>

  </div>


    <script src="./personalController.js"></script>
<!--<script>-->

    <!--var app=angular.module('myApp',[]);-->

    <!--app.controller('myCtrl',function ($scope) {-->
        <!--$scope.firstName="jhon";-->
        <!--$scope.lastName="cena";-->
        <!--$scope.fullName=function () {-->
            <!--return $scope.firstName+ " "+ $scope.lastName;-->
        <!--};-->
    <!--});-->


<!--</script>-->
  </body>
</html>