gpt4 book ai didi

javascript - 如何在没有 node.js/npm 的情况下在本地使用 Angular2、systemjs?

转载 作者:可可西里 更新时间:2023-11-01 02:44:40 26 4
gpt4 key购买 nike

这是带有 angular-alpha35 的 index.html:

    <html>
<head>
<meta charset="UTF-8">
<base href="/">
<title>APP Ang2</title>
<script src="scripts/traceur-runtime.js"></script>
<script src="https://jspm.io/system@0.16.js"></script>
<script src="scripts/bundle35/angular2.dev.js"></script>
<script src="scripts/bundle35/router.dev.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<app>Loading...</app>

<script>System.import('app').catch(console.log.bind(console));</script>

</body>
</html>

如果有互联网连接并且可以加载 system.js,它工作正常。如果我尝试像这样获取 system.js 的本地副本:

<script src="scripts/system@0.16.11.js"></script>

在我将 rx.js 放入根文件夹并将这一行放在文件末尾之前,一切都不起作用:

    <script src="scripts/es6-module-loader@0.16.6.js"></script>
</body>
</html>

然后 System.js 工作正常,但在这种情况下,angular2 绑定(bind)存在一个奇怪的问题。在我与页面进行一些交互之前,它们不会工作(提交表单、打开选择、使某些 div 更改其尺寸,即使使用简单的隐藏等)。一旦页面上发生变化,所有绑定(bind)就会开始工作并且页面会恢复。

如何在没有 node.js 和互联网连接的情况下使所有这些在本地工作?

最佳答案

你应该像这样包含 angular 2 的 sfx 版本:

<script src="https://code.angularjs.org/2.0.0-alpha.32/angular2.sfx.dev.js"></script>

请注意,这是一个独立的 js 文件,您可以在本地下载。

查看我在github中做的这个示例项目:

https://github.com/alfonso-presa/angular2-es5-sample

编辑:检查这个 SO 问题以获得更多关于 sfx 含义的说明:Difference between angular.dev.js and angular.sfx.dev.js

关于javascript - 如何在没有 node.js/npm 的情况下在本地使用 Angular2、systemjs?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32223555/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com