Включить файл Javascript в Angular

У меня есть приложение Angular, которое перенаправляет маршрут на определенную html-страницу. Но как включить связанный javascript с этим.

Например, если я нажму красный, он загрузит red.html. но мне нужно дополнительно загрузить red.js.

   <script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.html"
    })
    .when("/red", {
        templateUrl : "red.html";
    })
    .when("/green", {
        templateUrl : "green.html"
    })
    .when("/blue", {
        templateUrl : "blue.html"
    });
});
</script>

Какая версия углового? тег angularjs используется для Angular 1.x, а тег angular используется для Angular 2+. Прочитайте описания тегов.

user47589 15.03.2019 18:06

Я использую Angular 1.x

Karthik SWOT 16.03.2019 02:18

Найден ответ отсюда: stackoverflow.com/questions/20087274/…

Karthik SWOT 16.03.2019 18:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
67
1

Ответы 1

Вы должны использовать свойство controller:

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        controller : "MainController"
        templateUrl : "main.html"
    })
    .when("/red", {
        controller : "RedController";
        templateUrl : "red.html";
    })
    .when("/green", {
        controller : "GreenController"
        templateUrl : "green.html"
    })
    .when("/blue", {
        controller : "BlueController"
        templateUrl : "blue.html"
    });
});
</script>
<script src = "controllers.js"></script> // add controllers files

контроллеры.js

angular
  .module('myApp')
  .controller('MainController', function() {
   //your MainController code
});

angular
  .module('myApp')
  .controller('RedController', function() {
   //your RedController code
});

angular
  .module('myApp')
  .controller('GreenController', function() {
   //your GreenController code
});

angular
  .module('myApp')
  .controller('BlueController', function() {
   //your BlueController code
});

Я хочу включить файлы js. В контроллере нельзя добавить эту строку <script type = "text/javascript" src = "js/red.js"></script>

Karthik SWOT 16.03.2019 02:17

вы должны добавить в red.html, и он будет загружен в той же области вашего контроллера

guijob 16.03.2019 17:49

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