Скрипты внутри ng-view не работают (JQuery загружается до угла) при обращении из файла

Question

Скрипты внутри ng-view не работают (JQuery загружается до угла) при обращении из файла

0

Я использую угловой и угловой маршрут. Index.html выглядит так:

<!DOCTYPE html>
<html lang="en" ng-app="Showcase">
<head>
    <meta charset="UTF-8">
    <title>UCSD Showcase</title>
    <base href="/showcase/">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.min.js"></script>
    <script src="routes.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="js/initGlobalHelpers.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="#########################################">
    <meta name="keywords" content="###############################################">
    <meta property="og:url" content="#">
    <meta property="og:site_name" content="CSES OSS">
    <meta property="og:image" content="############################################################################################">
    <meta property="og:description" content="#">
    <meta property="og:type" content="website">
    <meta name="twitter:site_name" content="CSS OSS">
    <meta name="twitter:site" content="################">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:description" content="#">
    <meta name="twitter:image" content="#">
    <meta name="image" content="#">
    <link rel="stylesheet" media="all" href="./styles/style.css">
</head>
<body>
<ng-view></ng-view>
</body>
</html>

И затем для моей домашней страницы, когда я использую

<h1>This is the home page</h1>
<script src="home.html"></script>

Я получаю предупреждение

Синхронный XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для конечного пользователя. Для получения дополнительной справки проверьте https://xhr.spec.whatwg.org/. jquery.min.js: 4

и ошибка

SyntaxError: Неожиданный токен <angular.js: 13550

Однако, когда я заменяю этот скрипт, который по содержанию сценария, который в основном заканчивается, выглядит так:

<h1>This is the home page</h1>
<script>
    console.log('Hi!');
</script>

Тогда это работает.

Почему это происходит и как я могу это исправить?

Raghav Mehta 22 апр. 2016, в 09:15

Источник

Теги:

javascript

jquery

html

angularjs

angular-routing

1 ответ

Ещё вопросы

feyyaz · Answer 1 · 2016-04-22T05-28-00.000Z

Используйте ngInclude вместо тега html script

<div ng-include="'home.html'"></div>

См. NgInclude docs здесь

Я попробовал это. Не сработало Я все еще не понимаю, как это должно загружать home.js, потому что в документах сказано, что его можно использовать для внедрения html (так как мы можем загрузить javascript?)