问题标签 [angularjs-ng-model]

我正在尝试允许用户使用ngRepeatand来编辑项目列表ngModel。（请参阅this fiddle。）但是，我尝试过的两种方法都会导致奇怪的行为：一种不会更新模型，另一种会在每次按键时模糊表单。

我在这里做错了吗？这不是受支持的用例吗？

这是小提琴中的代码，为方便起见复制：

​</p>

我有一个文本输入，我不想让用户使用空格，输入的所有内容都会变成小写。

我知道我不允许在 ng-model 上使用过滤器，例如。

我看着创建自己的指令，但添加函数$parsers并且$formatters没有更新输入，只有其他元素ng-model。

如何更改我当前正在输入的输入？

我本质上是在尝试创建类似于 StackOverflow 上的“标签”功能。

我在问这个问题之前提到了这个。

AngularJs 不绑定 ng-checked 和 ng-model

如果在侧面ng-checked被评估，则不会更新。我不能按照上述问题的建议，因为我必须为每个复选框使用一些样式。truehtmlng-modelng-repeat

这是我为说明我的问题而创建的 plunker。

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

要查看我想要的内容，请打开控制台，然后单击Submit按钮。请不要选中任何复选框。

提前致谢！

我尝试在带有类型文件的输入标签上使用 ng-model：

但是在选择一个文件后，在控制器中，$scope.vm.uploadme 仍然是未定义的。

如何在我的控制器中获取选定的文件？

I'm learning AngularJS. I've come across something I can't explain, nor can I find any explanation for (or solution).

I have a simple AngularJS app and I am attempting to bind a <span contenteditable="true"> to a value, but it doesn't work. EG:

How can I make the last span use 2-way binding, such that editing its value updates chunk.value and vice versa?

当用户输入大数字时，我想使用格式化的数字输入向用户显示千个分隔点。这是我使用的指令代码：http: //jsfiddle.net/LCZfd/3/

当我使用input type="text"它时，它可以工作，但是当我想使用input type="number"它时，当用户输入大数字时，它会被某些东西奇怪地清理。

有什么问题input[number]？

很奇怪，但是是的，相同的代码在一个系统上有效，但在另一个系统上无效。

我为 Adob​​e Creative Cloud 应用程序开发了一个基于 HTML-5 的扩展（Adobe CC 内置了支持基于 HTML 的扩展的 chromium 框架），其中我使用了 angularJS 框架。

我最终在许多系统上对其进行了测试，并且运行良好。但是当我将相同的应用程序发送给我的朋友时。对于其中一些——视图加载正常，按钮点击也工作正常，但输入文本没有正确绑定！我不断地从中获取空白文本——我用于ng-model盒子<input>。

这是我的代码-

看法-

控制器-

结果-

在某些系统上收到警报！

我有其他具有类似形式结构的观点，并且在那里也遇到了同样的问题！

我可以访问开发者控制台，所以我要求遇到此问题的用户将控制台的内容发送给我；但那里一切看起来都很好。控制台上没有显示错误！我可以在那里记录一些有用的东西来帮助我找到问题吗？

由于我无法在最后复制这个，我没有得到任何提示如何解决这个问题。我无法想到这种行为的可能原因是什么。这很奇怪！

我有一张表格，我想在该表格中添加在线编辑。我从 ng-grid 开始，然而，我决定虽然它运行良好，但我花了太多时间尝试修复样式，以使其与我网站的整体主题相匹配。我从头开始，现在使用一个普通的旧 html 表，在幕后使用 angularjs，因为它具有令人敬畏的双向数据绑定属性。

一切都进行得很顺利，除了我坚持尝试使用 bootstrap-datepicker 进行内联编辑：http ://www.eyecon.ro/bootstrap-datepicker/?utm_source=twitterfeed&utm_medium=twitter 。我在 xeditable 说您应该使用的 ui-bootstrap datepicker 上使用这个 datepicker 的原因是因为它在我的网站上看起来或感觉不正确。这是 ui-bootstrap datepicker 的样子http://jsfiddle.net/NfPcH/23/。我喜欢 bootstrap datepicker 简单明了的外观。

这是一个带有 xeditable 和日期字段的表的 plunker，用于尝试和编辑PLUNKER

使用 bootstrap-datepicker 作为输入字段可以正常工作，使用自定义指令来正确更新模型：

我将 xeditable 源代码更改为使用 bootstrap-datepicker（参见 xeditable.js 的第 78-84 行）

，但是问题在于 xeditable 以及它如何更新所选行的模型。

xeditable 非常适合在线编辑文本和下拉菜单，但事实证明，尝试与 bootstrap-datepicker 集成是很困难的。

如果有其他方法可以使用 bootstrap-datepicker 进行内联编辑，我不会反对尝试一下。我在想，如果这不起作用，也许 ng-show 和 ng-hide 可能会起作用。

请给我一些放松，这是我的第一篇文章，因为我对 Angular 还很陌生。我正在尝试实现一个指令，该指令将验证帐户名称是否存在。

虽然我一直在使用这种指令（并将其用于多种目的），但我遇到了一个令我兴奋的事情 =( 。

该指令是从包含 ngModel 的输入标记触发的。这是我的部分指令：

这是我的 HTML 输入：

在尝试从指令中访问 $scope.newOrg.OrganizationName 时，我得到了 newOrg undefined ... :(

有什么建议吗？

谢谢 ！

Plunker： 直接编辑示例。

在上面的 plunker 中，我有一个指令（直接编辑），它使用

用其他标记包围元素。该指令

将附加标记连接到模型。但是，由于初始元素被 ng-transclude 包裹，它与模型断开连接。有谁知道如何解决这一问题？

编辑（来自下面的评论）：

澄清一下：我想采取任何任意指令：

并添加直接编辑指令，以便任意指令与直接编辑值的字段配对。为简单起见，我仅在示例代码中显示文本输入。