Угловые не отображающие данные (Nodejs, Jade) - PullRequest
Новая
       5

Угловые не отображающие данные (Nodejs, Jade)

0 голосов
/ 08 октября 2018

Файл моего приложения: 

 var app = angular.module('app', ['ngRecourse', 'ngRoute']);
 app.config(function($routeProvider, $locationProvider){
   $routeProvider.when('/', { templateUrl: 'partials/main.jade', controller: 'mainCtrl '})
   $locationProvider.html5Mode(true);

 });

 angular.module('app').controller('mainCtrl,' function($scope){
   $scope.myVar = "Hello Angular";
 });

индексная страница, связанная с макетами и всеми необходимыми сценариями: 

 extends ../includes/layout

 block main-content
   section.content
     div(ng-view)

layout.jade: 

 doctype
 html
   head
     base(href='/')
     link(href="/favicon.ico", rel="shortcut icon", type="image/x-icon")
     link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous")
     link(rel="stylesheet", href="/vendor/toastr/toastr.css")
     link(rel="stylesheet", href="/css/site.css")
   body(ng-app='app')
     block main-content
     include scripts

иВот мой сервер: 

 app.get('/partials/:partialPath', function(req,res){
   res.render('partials/' + req.params.partialPath);
 });

 app.get('*', function(req,res){
   res.render('index.jade');
 });

Я попытался добавить скрипт приложения непосредственно в индекс, но все, что я получил, это белый экран на локальном хосте ... Я использую Atom, и я установил всепакеты, которые я упомянул.Спасибо за ваше время!

1 Ответ

0 голосов
/ 08 октября 2018

В вашем layout.jade добавьте эту строку, чтобы включить AngularJS: 

script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js")

Вам также следует подумать о переходе с Jade на Pug, это более новая версия с большим количеством функций и меньшим количеством ошибок.

...