невозможно включить угловой файл js в файл ejs

0

Я использую express js framework. Я не могу включить javascript файл на страницу ejs.

//Это моя страница index.ejs

<!DOCTYPE html>
<html>'
 <head>
 <script type='text/javascript' src= "order.js"></script>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
 </head>
<body ng-app="myApp" ng-controller="orderCtrl">
 <div class="container">

   <table class="table table-striped">
  <thead><tr>
  <th>Item Name</th>
  <th>Price</th>
   </tr></thead>
   <tbody><tr ng-repeat="user in users">
  <td>{{ user.fName }}</td>
  <td>{{ user.lName }}</td>
   </tr></tbody>
   </table>
  </div>

  </body>

  </html>

//Это моя страница JavaScript order.js, которая должна подключаться к index.ejs

var app = angular.module('myApp', []);
 angular.module('myApp', []).controller('orderCtrl', function($scope) {
  $scope.message = 'Hello World!';  
   $scope.fName = '';
    $scope.lName = '';
    $scope.passw1 = '';
    $scope.passw2 = '';
    $scope.users = [
    { fName:'Hege',lName:"Pege" },
    { fName:'Kim',lName:"Pim" },
    { fName:'Sal',lName:"Smith" },
    { fName:'Jack',lName:"Jones" },
    { fName:'John',lName:"Doe" },
    { fName:'Peter',lName:"Pan" }
    ];
 })

Я не могу отображать данные здесь {{user.fName}}. Может кто-то помочь.

  • 0
    предоставьте полную html-страницу или проверьте правильность написания контроллера и приложения в html
  • 0
    <! DOCTYPE html> <html> <head> <script type = 'text / javascript' src = "order.js"> </ script> <title> <% = title%> </ title> <link rel = ' таблица стилей 'href =' / stylesheets / style.css '/> </ head> <body ng-app = "myApp" ng-controller = "orderCtrl"> <div class = "container"> <div> <% включает заказы %> </ div> <div> <% include orders%> </ div> </ div> </ body> </ html> @mannivannan
Показать ещё 9 комментариев
Теги:
express
ejs

1 ответ

0

Вы должны включить углы в свой HTML внутри головы в теге скрипта:

<script type='text/javascript' src= "anularpath/angular.js"></script>

вы можете использовать угловой cdn в вашем случае, если у вас нет локального файла:

<head>
   <script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.0/angular.min.js"></script>
   <title><%= title %></title>
   <link rel='stylesheet' href='/stylesheets/style.css' />
</head>

и вы должны перенести тэг сценария файла order.js на нижнюю часть тела прямо перед тем, как закрыть тег body. как это:

    <script type='text/javascript' src= "order.js"></script>
  </body>
</html>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню