"ReferenceError: angular не определен" при создании отдельного файла для скрипта углового контроллера

Я пытаюсь использовать базовое приложение node.js в веб-шторме, а следующий код - файл index.ejs. скрипт, который я держал в разделе комментариев, полностью работает, пока он находится в этом файле, но когда я пытался сохранить контроллер в отдельном файле JS с именем personalController.js, он показывает "ReferenceError: angular is notfined".

<!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>
Источник

0 ответов

Другие вопросы по тегам