Question

我正在Webstorm中尝试一个基本的node.js express应用，以下代码是index.ejs文件。我保留在注释部分中的脚本在保留在此文件中时完全可以工作，但是当我尝试将控制器保留在名为personalController.js文件的单独JS文件中时，显示“ ReferenceError：未定义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>

为角度控制器脚本创建单独的文件时出现“ ReferenceError：角度未定义”

0 个答案: