问题标签 [angularjs-model]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
613 浏览

javascript - 根据收到的模型值加载不同模板的指令

我正在编写一个由内联编辑器组成的指令。当没有值时,将出现编辑框。当有值时,将出现一个常规跨度。

这是指令的模板块。

上面的代码有效,但条件将基于收到的模型值,我 ngModel之前通过了,但它没有工作:

HTML:

如何获取 AngularJS 指令以根据模型值加载不同的模板?

编辑:谢谢大家的回答!,我接受了你的意见,现在我有以下代码。为我工作到现在,我将继续努力。

0 投票
1 回答
1259 浏览

angularjs - angular js:从指令更​​新 $watcher 不起作用

我有一个应用程序,其中有 2 个下拉框,一个用于州,另一个用于城市,还有一个指令,其中包含与任何东西无关的值的模型。

我需要在指令和这两个下拉框之间建立连接。

(在我开始之前,我想把功劳归于功劳,Jonathan Wright:Angular JS - Mapquest

这是我的 html 指令模板:

这是角度指令(这不起作用)

正如您所看到的我正在尝试做的事情的要点,我正在尝试让我的指令识别下拉菜单。

我在想我的指令应该有它自己的 ng-model,并且 ng-model 的值应该反映在模型的两个下拉列表中,但我不完全确定如何做到这一点。我环顾四周,找不到任何可以帮助我的东西。

[编辑 - 2014 年 1 月 28 日 - 东部时间晚上 7:13]

在遵循 Dalorzo 的建议后,我创建了以下提琴手:

这是在控制器中工作的 $watch 的 jsfiddle:

http://jsfiddle.net/W4ZSQ/

但是,当删除这个手表并尝试使用指令中的 $watch 时,它不起作用。

http://jsfiddle.net/W4ZSQ/1/

[编辑 - 2014 年 1 月 28 日 - 东部时间晚上 10:52]

想通了。由于我两次调用 LocationCtrl,我认为范围模型将在两个 html 元素之间共享。显然情况并非如此;发生的事情是我创建了范围模型的另一个实例,其中范围将为下拉更新,但不是指令。通过在一个范围内共享它们,可以看到值“LocationModel.State”已更改。

http://jsfiddle.net/W4ZSQ/2/

我找到了一个关于如何让一个控制器与另一个控制器通信的资源丰富的链接:

http://onehungrymind.com/angularjs-communicating-between-controllers/

0 投票
1 回答
16047 浏览

angularjs - 以角度获取选择元素的选定文本(不是值)

例如,我想做这样的事情:

并让视图在下拉列表中选择时显示每个名称,而不是它的值。是否可以?

我尝试观察模型并使用 jQuery 为新模型分配文本值。然而它最终变得复杂,所以如果这是最好的方法,我的小例子会很棒!

0 投票
3 回答
1586 浏览

angularjs - 使用 AngularJS 将动态元素创建绑定到按键

我正在尝试使用 AngularJS 从用户文本输入中将元素附加到 DOM。期望的行为是:

  • 用户在输入 ng-model "newTask" 中输入字符串
  • 按回车键
  • 然后将动态元素附加到 DOM

HTML的相关部分如下:

  • 目前,HTML 会立即更新。如何将此事件绑定为仅在输入按键后发生?AngularJS UI 也被加载。

非常感谢,AngularJS 新手

0 投票
2 回答
1467 浏览

javascript - 解析器函数不会被调用以更改输入文本框

我是解析器和格式化程序的新手。我有一个指令将对模型的更改进行验证。这样做的一种方法是 $watch 但据我了解,这不是一个好方法,因为它允许更新模型。

所以我在看解析器并尝试了这段代码

但是解析器函数永远不会被调用。格式化程序被调用一次。请看plunkr。谁能告诉我我做错了什么,为什么当我在文本框中输入时解析器函数没有被调用?

0 投票
2 回答
127 浏览

angularjs - AngularJS ng-model 指向哪个范围?

仍在训练自己思考 angularian...

我认为,如果我将 ng-model 属性视为对某个父范围内某些数据元素的引用,那将是正确的...... [会吗?]

我试图了解指向哪个范围ng-model...

所以基本上如果我有类似的东西:

的数据name将是 ng-app 设置的范围的一部分(因为它是唯一可用的范围?

如果我用 a 包装输入会发生什么<div ng-scope>?然后将其存储在哪个范围内?

可以期望绑定停止工作,因为名称将存储在此 div 的范围内吗?

最后,如果我添加会发生什么将进一步更改为如下所示:

用于解决 ng-model 的数据将存储在哪个范围内的过程是什么?

0 投票
5 回答
73057 浏览

javascript - AngularJS - 如何在自定义指令中更改 ngModel 的值?

让我们看看我的指令:

那么,如何更改 ng-model 的值呢?

0 投票
3 回答
85474 浏览

javascript - 为什么 Angularjs ng-pattern 不能使用以下正则表达式?

由于某种原因,初始化值没有出现在字段中,但是没有 ng-pattern 的第二个字段确实有效。有任何想法吗?

这是小提琴 http://jsfiddle.net/wkzab/1/

0 投票
1 回答
1007 浏览

angularjs - 在 ng-repeat 中生成随机模型名称

在我的 angular.js 项目中,我有一个包含输入字段的循环

当用户单击输入字段旁边的“单击”链接时,我想访问控制器中的该输入字段以设置/获取该字段值。以下是我的控制器代码

这给了我

如果在视图中重复,我将无法访问“颜色”模型。所以我尝试生成随机模型名称(将 c.id 与模型中的颜色连接起来),我尝试了几种方法来实现这一点,但没有运气。

有没有办法生成随机的 ng-model 名称?

或者

有什么方法可以访问单击“单击”链接的输入字段模型?

0 投票
2 回答
2146 浏览

angularjs - Angularjs为多个事件去抖动不起作用

我正在查看用于处理表单的 Angular 文档,并找到了一个非常有用的示例,可以延迟捕获任何字段/控件中的更新。以下是 Angularjs 提供的示例代码:

它工作正常。但是他们提到debounce可以与多个事件一起使用,并提供了另一个示例,例如:

此示例的问题在于,无论您是否离开该字段/控件,它总是会延迟更新。而在这种情况下,当用户离开字段/控件时,它应该立即更新模型debounce,在.blur

这是在 Plunker 中运行示例的链接。

谁能解释这种行为。