Javascript html页面中的内联angularJs

Javascript html页面中的内联angularJs,javascript,html,angularjs,Javascript,Html,Angularjs,我想生成一个脱机工作的html页面,而不需要访问Web服务器(使用类似url的url打开的文件)file:///PathToMyFile.html). 在这个页面中,我使用了一些JS库和我在标题中内联的CSS,但对于AngularJS,它失败了,因为AngularJS.JS文件中有一些HTML代码。 我该怎么做呢。 作为参考,我使用Twirl模板引擎(Scala)进行生成 谢谢 <head> <style> bootstrapCSSLib

我想生成一个脱机工作的html页面,而不需要访问Web服务器(使用类似url的url打开的文件)file:///PathToMyFile.html). 在这个页面中,我使用了一些JS库和我在标题中内联的CSS,但对于AngularJS,它失败了,因为AngularJS.JS文件中有一些HTML代码。 我该怎么做呢。 作为参考,我使用Twirl模板引擎(Scala)进行生成

谢谢

<head>
    <style>
        bootstrapCSSLib
    </style>

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

bootstrapCSSLib
jqueryLib
布斯特拉普利布
angularJSLib
编辑:实际代码被截断,因为太大:

<!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>
...

/*!
*引导程序v3.3.6(http://getbootstrap.com)
*版权所有2011-2015 Twitter,Inc.Blabla FULL BOOTSTRAP.CSS内容
/*! jQuery v2.1.4 BLA BLA BLA完整jQuery.JS内容
/*!
*引导程序v3.3.6(http://getbootstrap.com)BLA BLA BLA BLA FULL BOOTSTRAP.JS内容
/**
*@license AngularJS v1.4.2
*(c)2010-2015年谷歌公司。http://angularjs.org
*许可证:MIT BLA BLA BLA FULL ANGULAR.JS内容
...
来自AngularJS网站:

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

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

angular.module('myApp',[])
.controller('MyController',['$scope',函数($scope){
$scope.greetMe='World';
}]);
元素(文档).ready(函数(){
引导(文档,['myApp']);
});

您可以像这样包含角度

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

//

您可以发布AngularJS文件的内容吗?使用JavaScript代码手动引导AngularJS应用程序。如果您无法访问Web服务器(甚至是本地服务器),您将无法加载jqueryahah@Slbteam08AngularJS v1.4.2文件是AngularJS文件。HTML文件通过带有url的浏览器打开=file:///pathToMyFile.htmlSure,这部分代码在中,但只有在正确导入angularJS的情况下才能工作。事实并非如此。它与此解决方案配合使用+使用angular.min.js而不是angular.js(注释破坏了语法)。谢谢你,马诺斯!