Inline angularJs in html page

Я хочу сгенерировать html-страницу, которая работает автономно без какого-либо доступа к веб-серверу (файл открывается с помощью url-файла: ///PathToMyFile.html). На этой странице я использую некоторые JS-библиотеки и CSS, которые я вложил в заголовок, но для AngularJS это не удается, потому что в файле AngularJS.js есть некоторые HTML-коды. Как я могу это сделать. Для информации, я создаю генератор с движком шаблонов Twirl (Scala).Inline angularJs in html page

Благодаря

<head> 
    <style> 
     bootstrapCSSLib 
    </style> 

    <script> 
     jqueryLib 
     boostrapLib 
     angularJSLib 
    </script> 
</head>

Edit: Реальный код усечен, потому что слишком большой:

<!DOCTYPE html> 
<html> 
<head lang="en"> 
<style> 
    /*! 
    * Bootstrap v3.3.6 (http://getbootstrap.com) 
    * Copyright 2011-2015 Twitter, Inc. BLABLABLA FULL BOOTSTRAP.CSS CONTENT 
</style> 

<script> 

    /*! jQuery v2.1.4 BLA BLA BLA FULL JQUERY.JS CONTENT 
    /*! 
     * Bootstrap v3.3.6 (http://getbootstrap.com) BLA BLA BLA FULL BOOTSTRAP.JS CONTENT 
    /** 
    * @license AngularJS v1.4.2 
    * (c) 2010-2015 Google, Inc. http://angularjs.org 
    * License: MIT BLA BLA BLA FULL ANGULAR.JS CONTENT 
</script> 
</head> 
<body> 
...

источник

2016-02-03 Benjamin

Не могли бы вы разместить содержание своего углового файла? – slbteam08

Используйте ручную загрузку приложения AngularJS из кода JavaScript. –

Если у вас нет доступа к веб-серверу (даже локальному серверу), вы не сможете загрузить jquery ahah –

Вы можете включать в себя угловую как этот

<script type="text/javascript"> 
    //<![CDATA[ 
     inline angular script 
    //]]> 
</script>

источник

2016-02-03 11:45:25

Он работает с этим решением +, используя angular.min.js вместо angular.js (комментарии нарушают синтаксис). Спасибо, Манос! – Benjamin

С AngularJS сайта:

<script> 
    angular.module('myApp', []) 
     .controller('MyController', ['$scope', function ($scope) { 
     $scope.greetMe = 'World'; 
     }]); 

    angular.element(document).ready(function() { 
     angular.bootstrap(document, ['myApp']); 
    }); 
    </script>

источник

2016-02-03 10:36:22

Конечно, эта часть кода находится в , но она будет работать только в том случае, если угловоеJS правильно импортировано в

. Это не так. – Benjamin

Inline angularJs in html page

ответ

Смежные вопросы