问题标签 [angular-ui]

我什至无法简单地使用 angular-ui 并运行。我希望能够轻松检测按键，例如，在按下enter文本框后自动添加项目，而无需按下添加按钮。

这是我目前的尝试：

您可以在此处查看行为：http: //jsfiddle.net/NbjZL/5/。请注意，输入文本后单击按钮有效，但enter输入文本后按下按钮无效。我已经阅读了可以找到的文档并查看了几个示例，但我确信我仍然缺少一些小东西。

我将 AngularUI 的ui-select2指令与 AJAX 一起使用。

以下是我的观点：

这是我的模型中的内容：

这按预期工作。

我的问题：如何通过模型更新值？

我试过：

我也尝试使用一个对象：

但这也不起作用。

如何通过模型更新使用 AJAX 的 select2？

当我在 ng-repeat 块中使用 angular ui datepicker 时，datepicker 仅适用于第一个块。对于剩余的重复块，虽然显示了日历，但无法选择日期。

有人可以告诉我如何让它工作吗？我试图用 $parent 附加模型名称，但这没有帮助。

我有一个产品列表，每个产品都有一个新的发布表单，其中包含两个日期字段。我正在使用 ng-repeat 来显示产品，并在单击添加发布时，会填充该产品块的发布表单。形式类似于

它仅适用于列表中的第一个产品。对于其他产品，虽然会弹出日期选择器，但我们无法选择日期。

我正在使用 angular.js 和（为了论证）引导程序。现在我需要迭代“事物”并将它们显示在 ''rows'' 中：

现在，我怎样才能在每三件事上用角度关闭我的.rowdiv？我从 angular-ui 尝试了 ui-if ，但即使这样也没有成功。

如果我要使用服务器端渲染，我会做这样的事情（这里是 JSP 语法，但没关系）：

请注意，我需要在此处实际更改 DOM，而不仅仅是 css 隐藏元素。我尝试在.row和.span4div 上重复，但无济于事。

我有以下表单代码，允许使用 AngularUI 输入日期（日期是必需的，并且应该与美国日期格式匹配，例如：MM/DD/YY）：

必填字段的验证工作正常，但日期格式未正确验证，并且始终显示“格式不正确...”消息。

我尝试了几种不同的正则表达式，它们在其他地方运行良好，但仍然无法正常工作。我也尝试了 AngularUI 验证，但它也不起作用。提前致谢！

更新：

我认为验证与我使用的 AngularUI datepicker 冲突，但是 datepicker 无论如何都会自动更正日期，所以如果不使用 datepicker，只要正则表达式有效，验证就有效，如果使用 datepicker，则不需要其他验证。

我有一个简单的表单，希望在单击按钮时显示。即一个按钮显示“添加新用户”，然后页面展开并显示一个表单，在用户完成表单的工作后，表单折叠回来并向用户显示一条消息。我面临的第一个问题是：使用此代码

和

第二个不使用 angular.element.collapse 的工作正常。

第二个问题是：我如何测试上述行为。

在第一次按下按钮时，如果 div 被隐藏，则使用 angular.element 的那个会显示出来，但是在显示后它不会隐藏可折叠。（即一个按钮显示“添加新用户”，然后页面展开并显示一个表单，在用户完成表单的工作后，表单折叠回来并向用户显示一条消息。

提前致谢。

可能重复：
让 Angular UI 工作

对于我的一生，我无法弄清楚如何从 Angular-UI 演示应用程序中获取 datepicker 示例。有没有人有一个日期选择器工作的小提琴示例（即单击输入字段会弹出一个日历等）？

我在同一个 Web 应用程序中使用 angular-ui 和 bootstrap，在尝试使用 ui-select2 组件时遇到问题：一切正常，除了在下拉列表中选择一个元素时，它没有显示在组件，它显示为空，尽管 ng-model 关联变量已正确更新。如果我从主页中删除 bootstrap.js 文件的包含，这种奇怪的行为就会消失。有没有人同时使用 angular-js 和 bootstrap 和/或知道任何调整以申请让它们一起工作？

更新：

ui-select2 组件位于 input-append div 中，只需删除 div 即可解决问题。我在这里创建了 Angular-ui ui-select2 原始沙盒演示的一个分支。您可以转到“版本 2”示例并检查在列表中选择一个值是否正确更新了模型，但没有更新输入元素。

我想让用户裁剪图像，我找到了这个 JQuery 插件 - http://deepliquid.com/content/Jcrop.html

我尝试将它与 Angular-ui 的 Jquery passthrough 选项一起使用，将ui-jq=Jcrop指令添加到<img>

问题是，如果我使用 ng-src 动态更改图像，它将不起作用并且什么也看不到。如果我将其更改为 src 并放置一个静态 url，我可以看到图像和 Jcrop。

我该如何解决？另外，我怎样才能听 Jcrop 的回调来知道用户的选择是什么？

有没有更好/更简单的方法向 AngularJS 添加图像裁剪功能？

将 angular-ui 与 select2 一起使用，如下所示：

我应该在哪里以及如何预选选项？默认情况下，选择的选项只有第一个。不知何故在控制器中？