如何将 Angular.js 表单加载到 jsFiddle？答案

【问题标题】：How to load Angular.js form to jsFiddle?如何将 Angular.js 表单加载到 jsFiddle？
【发布时间】：2014-05-08 20:50:03
【问题描述】：

我尝试将that's form 加载到jsFiddle。

它有两个外部文件 - app.js 和 bootstrap.min.css - 我将它们都添加到我的 GitHub 中，然后在 jsFiddle 中将其网址作为外部资源提供。

最后我将范围复制并粘贴到jsFiddle 中的适当范围。

如您所见，此 jsFiddle 中的 CSS 和 app.js（导致 alert）没有影响。

如何使它工作，意思是-使它与所附form link中的一样？

更新：

按照建议的解决方案 - 我修复了 CSS URL 并将 app.js 内容复制到 javascript 范围。

现在看来 CSS 可以正常工作，但 Angular 验证不起作用（即使在我更改其字段之前也会提示错误行）。

有什么解决办法吗？

【问题讨论】：

【解决方案1】：

你的意思是像这个小提琴？ http://jsfiddle.net/EfEuw/3/

引导源 URL 是 //netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css，所以您只需将其添加到外部资源。

如果您使用小提琴，我建议您只使用示例使用的相同来源，因为它们已经托管在网络上。

【讨论】：

【解决方案2】：

您的问题是您使用了错误的 URL 来链接外部资源。它们应该是：

但是，JSFiddle 本身会立即告诉您，如果您链接上述 2 个文件，它们可能无法正常工作，因为 GitHub 不是 CDN。

您应该找到另一个地方来托管这些资源并从那里链接，或者只是在 Javascript 部分中复制/粘贴他们的代码。

【讨论】：