Я работаю над старым сайтом, созданным с помощью Express, и пытаюсь добавить AngularJS, чтобы сделать некоторые страницы более динамичными.Эта страница загружает шаблон с сервера на странице:
res.render('partials/' + style, {title:'company', user:user, customer:customer, product:product});
Затем загружается на страницу HTML:
script(src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.8/angular.min.js')
script(type='text/javascript')
var myApp = angular.module('myApp', []);
myApp.controller('myCtrl2', function($scope) {
$scope.padType = '';
alert('monkey');
$('.subSection').css( "color", "red" );
$scope.resetSection = function($event) {
$event.target.parent().find(":radio").prop('checked', false);
};
});
div(ng-app='myApp')
div(ng-controller='myCtr')
div(ng-show="toggle", ng-click='expression()')
Content...
ng-showfuction работает, если я просто установил ng-app=''
, но с именованным контроллером и ng-app, я не добавляю выражения в работах для оценки ng-show.Даже простое переключение, такое как:
$scope.expression = function() {
if (toggle) {
toggle = false;
} else {
toggle = true;
}
}
Может кто-нибудь объяснить мне, как это можно исправить для запуска на самом деле кода AngularJS или почему это вообще невозможно сделать?
Обновление (Подробнее)
Используя инструменты разработчика Chrome, я получаю следующие ошибки консоли:
Uncaught ReferenceError: угловой не определен
и:
Ошибка: $ инжектор: nomod
Как будто он не понимает, что скрипт есть.