如何将Angular.js表单加载到jsFiddle?

时间:2014-05-08 20:50:03

标签: css angularjs jsfiddle

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

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

最后,我将范围复制并粘贴到jsFiddle

中的相应范围

Here the result of that jsFiddle.

正如您所看到的,这个jsFiddle中没有CSS和app.js(导致alert)的影响。

如何使其工作,意味着 - 使其与附件form link中的相同?

更新

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

http://jsfiddle.net/urielz/gnQ4p/

现在看来CSS工作正常,但Angular验证不起作用(只是在我更改字段之前提示错误行)。

任何解决方案?

2 个答案:

答案 0 :(得分:1)

你的意思是喜欢这个小提琴吗? http://jsfiddle.net/EfEuw/3/

引导源网址为//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css,因此您需要做的就是添加外部资源。

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

答案 1 :(得分:1)

您的问题是您使用错误的网址链接外部资源。他们应该是:

  1. https://raw.githubusercontent.com/urielz1987/apps.js/master/bootstrap.min.css
  2. https://raw.githubusercontent.com/urielz1987/apps.js/master/app.js
  3. 然而,JSFiddle本身会立即告诉你,如果你链接上面的两个文件,它们可能无法正常工作,因为GitHub不是CDN。

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