Javascript html页面中的内联angularJs
我想生成一个脱机工作的html页面,而不需要访问Web服务器(使用类似url的url打开的文件)file:///PathToMyFile.html). 在这个页面中,我使用了一些JS库和我在标题中内联的CSS,但对于AngularJS,它失败了,因为AngularJS.JS文件中有一些HTML代码。 我该怎么做呢。 作为参考,我使用Twirl模板引擎(Scala)进行生成 谢谢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
<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(注释破坏了语法)。谢谢你,马诺斯!