问题标签 [angularjs]

我有一个使用 Bootstrap 标记的表单，如下所示：

那里有很多样板代码，我想简化为一个新指令 - 表单输入，如下所示：

生成：

我通过一个简单的模板做了这么多工作。

然而，当我开始添加更高级的功能时，我遇到了困难。

如何支持模板中的默认值？

我想在我的指令中将“类型”参数作为可选属性公开，例如：

但是，如果没有指定任何内容，我想默认为"text". 我该如何支持这一点？

如何根据属性的存在/不存在自定义模板？

我还希望能够支持“必需”属性，如果它存在的话。例如：

如果required指令中存在，我想将它添加到<input />输出中的生成中，否则忽略它。我不确定如何实现这一目标。

我怀疑这些要求可能已经超出了一个简单的模板，并且必须开始使用预编译阶段，但我不知道从哪里开始。

我正在尝试创建一个我在这里找到的表

但我必须将它集成到我的解决方案和代码中，当我这样做时，我得到了这些古怪的字符，但没有错误。我的代码在这里

请看下图。

我想拥有这个

我最近创建了一个带有 Rails 3.2.3 后端的 AngularJS 1.0.0rc8 应用程序，它在开发中运行良好，但是在部署到 Heroku 之后出现了一个Unknown Provider 错误——显然应用程序看不到服务对象。

我知道现在有必要将 angular-resource.js 作为一个单独的文件包含在内，并将ngResource注入到应用程序模块中，如下所示：

我也知道，当文件被缩小时，控制器无法判断它们的依赖关系是什么，除非它们也被注入到控制器对象中，如下所示：

我也尝试过 Angular 推荐的另一种方式，使用括号表示法并传入这样的函数：

然而，这些似乎都不起作用。

我的应用程序可以看到提供的资源的唯一方法是关闭 Production.rb 文件中的资产压缩，如下所示：

我花了几个小时才弄清楚这一点，但我最近看到另一个 Rails + AngularJS 应用程序也有同样的问题。

Jens Krause 得出了同样的结论，并在他的博客上进行了解释： http ://www.websector.de/blog/2012/01/17/fun-with-angularjs-rails-coffeescript-sass-another-cafe-townsend-例子/

如果我有一个相对较大的应用程序，并且我需要压缩资源，如何使用 Angular 和 Rails 来解决这个问题？

谢谢。

我尝试修改 ng-checked 示例，以便单击其中一个复选框会自动更新另一个。

单击 A，然后单击 B，然后再次单击 A，并没有达到我的预期。

我应该查看文档的哪一部分以了解正在发生的事情？

http://jsfiddle.net/cantcopy/ev62U/

使用 AngularJS，以下 html 代码打印 {{1+1}} 而不是 2

如果我像下面这样删除“myApp”，它会正确打印 2。

我正在工作中开始一个项目，并且想知道最好使用的构建工具是什么。

整个事情都是用 CoffeeScript 编写的，客户端使用 AngularJS，服务器使用 NodeJS。

该应用程序有几个组件：

• iPad 应用程序
• iPhone 应用程序（与 ipad 不同的功能）
• 应用程序的 CMS
• 一个 NodeJS 服务器

所有这些之间有大量的共享代码，同样都是用 CoffeeScript 编写的。

我想要一个构建工具，我可以在其中列出哪个应用程序使用了哪些代码（其中大部分是共享的），并且它将每个应用程序的 javascript 文件构建到一个单独的文件夹中。

例如，我会设置一个名为“/compiled/ipad/”的文件夹，其中包含 index.html，以及 js、css、img 等文件夹。我会列出我想要放入 /compiled/ipad/js 的已编译咖啡文件（其中一些来自 /src/shared/*.coffee，一些来自 /src/ipad/*.coffee 等）以及我想将哪些文件放入 /compiled/ipad/css。我也希望它能够轻松地连接我想要的文件。

它还会将我的测试从 /src/test/ipad 编译成 /compiled/test/ipad/*.js。

我所有的客户端单元测试都是使用testacular编写的，我还不确定我会用什么来编写服务器端单元测试。

什么构建工具/配置是这里最好的方法？生成文件？像咕噜一样的东西？老实说，我对整个构建场景都很陌生。

编辑：决定使用 Browserify。您可以在此处找到我的解决方案以使其与 Angular 一起使用：https ://groups.google.com/forum/#!topic/angular/ytoVaikOcCs

我知道这通常不是使用 AngularJS 的方式，但我想知道我想要实现的目标是否可以通过 AngularJS 实现。如果这不是推荐的方式，您能否提供有关如何实现此目的的提示？请考虑我是网络编程领域的新手。

所以在我的项目中，我使用 SVG 和 RaphaelJS 在画布上绘制了几个小部件，这些小部件放置在“持有人”div 内。我正在尝试使用 AngularJS 将这些小部件绑定到数据，基本上每个小部件都链接到 CustomController 中的一个对象。初始化小部件时如何访问 CustomController？

无论如何，这是使用 AngularJS 实现对 SVG 小部件的数据绑定吗？我开始认为这不是 AngularJS 的目的。在这种情况下，你能告诉我如何做到这一点吗？

更新：

伙计们非常感谢您的回答！要求是小部件接受用户输入，并且我希望它不要放在 html 文件中（出于模块化目的）。因此，该指令似乎是目前的主要选择。在链接方法中，我将使用 RaphaelJS 绘制小部件，也可以绘制可编辑对象，但这样我就不会正确使用 AngularJS 绑定机制，它只是手表和事件处理程序......这对我来说似乎很乱。如果我可以通过某种方式将 SVG 标记放在指令的模板属性中并在模板中进行投标，那就太好了，但这似乎不受支持。

你们对此有其他想法吗？

顺便说一句，有没有办法以编程方式在使用 jQuery 获得的属性和 HTML 元素（例如文本框）之间应用绑定？

问候

我正在使用 AngularJS 作为前端设置一个新应用程序。客户端的一切都是通过 HTML5 pushstate 完成的，我希望能够在 Google Analytics 中跟踪我的页面浏览量。

我目前正在将一个大型应用程序移植到一个基于 HTML5 的 Web 应用程序 - 我已经开始在 AngularJS 中构建应用程序并享受 AngularJS 框架的强大功能 - 我目前遇到一个问题：

我有一个指令，它给了我一个 jQuery Datepicker，但是与模型的绑定似乎不起作用。

http://jsfiddle.net/9BRNf/

我可能误解了指令的工作方式，并想看看我是否可以修补这部分我对框架的理解。我已经浏览了大量示例（包括 github 上的 angularui 项目，但仍然不明白为什么绑定没有发生）

任何帮助将不胜感激。

我似乎无法弄清楚为什么样式属性没有得到更新。在我更大的应用程序中，它似乎工作正常。

http://jsfiddle.net/ganarajpr/C2hRa/4/

这是一个小提琴，它显示了我目前面临的问题。当您更改输入时，您会注意到 div 中的宽度和高度正在更新。但风格本身似乎并没有更新。任何人都可以告诉我我在这里做错了什么？

我已经尝试了以下所有场景

1. 使用 $scope.$apply.. - 抛出一个错误，说明 $apply 已经在进行中..
2. $rootScope.$apply - 同上。
3. 在另一个控制器中 $watched 的服务中设置另一个变量。- 没有看到任何变化。

如果有人能给我一个答案，那就太好了。如果你能告诉我为什么它没有得到更新，我也会很高兴。