问题标签 [angularjs-bindings]

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 回答
1118 浏览

javascript - Angular - 使用 $scope 中的数字添加输入值

我有以下代码:

我想从 $scope 中获取一个数值,并将其添加到用户在输入中输入的带有“amount”类的数字中,并在输入中使用“result”类显示结果。因此,基本上,该变量在MainController函数中定义如下:

我对最好的方法是什么感到有点困惑,我看到有ng-valueng-model指令可供我使用,但我很难理解哪个是适合这个应用程序的指令(并且如何正确使用它们)。

0 投票
2 回答
1228 浏览

javascript - 如何使用 AngularJS 将数据从 html 输入标签绑定到 javascript 对象?

我对使用 AngularJS 真的很陌生,所以我不太确定实现目标的最佳方法是什么。我想要做的是在我的 hmtl 中有一个 type=number 的输入标签网格并设置它,以便每当值增加时,都会将一个新对象附加到列表中。同样,当它递减时(它不能低于 0),该类型的对象将从列表中删除。

使用此代码,每当我增加输入框时,该更改都会由 {{}} 显示在底部。但是,我不清楚我实际绑定的是什么。每当用户增加输入框时,我不知道如何创建一个新的 foo1 对象。

这是我的代码:

另外,如果有帮助,这是我的 foo1 对象构造函数:

有谁知道如何做到这一点,或者对如何做到这一点有更好的想法?(并不是说这有什么不同,但这是一个 Ionic 项目。)

0 投票
1 回答
442 浏览

angularjs - AngularJS:嵌套指令 - 数据绑定 ishu

我有嵌套指令。

我从第一个发送数据,第二个发送数据。

问题是我失去了与主范围的绑定。

这是我的代码: Plunker

(单击按钮会更改主范围内的值,但不会更改指令中的值)

非常感谢

阿维

0 投票
1 回答
680 浏览

angularjs - AngularJS 1.3 模式验证绑定不起作用

在过去的几个版本中,我一直在使用带有 AngularJS 的 Regex 模式验证,并且效果很好。

我的应用程序要求验证模式由范围属性公开,相应的 AngularJS 验证指令绑定到该范围属性。在 v1.3 之前,它看起来像这样:

现在将 AngularJS 更新到 v1.4(绕过 v1.3),我发现上述方法不再有效。查看 v1.3的迁移说明,我发现这是预期行为,需要一种新方法,如下所示:

但是,我根本无法让它工作。如果我将验证模式内联(在 HTML 输入元素内)它工作正常,但是当移动到范围对象并绑定到patternorng-pattern指令时,不会发生验证。

这是一个演示问题的 JSFiddle

请问有什么建议吗?

0 投票
1 回答
327 浏览

angularjs - 角度绑定是如何发生的?

以下是我对 angularJS 中绑定如何发生的理解。如果专家可以提供反馈/评论会很棒..

一旦 angularJS 遇到 {{myVar}}(和 {{anothervar}}),就会在内部创建一个观察者(针对每个变量)。这个观察者是为控制器'ctrlA'的$scope创建的。

每当在 $timeout、ng-click 等函数中调用函数时,它们都嵌入在 $scope.apply() 中。在你的函数被执行后(这可能会改变一些范围变量),$apply 将在 rootScope 上调用摘要。这将在整个应用程序中与 UI 同步变量!

当 $scope.digest 被调用时,它会遍历该范围的所有观察者。然后它获取变量的当前值并检查它是否已更改。如果它发生了变化,它会调用观察者处理程序(它会更改 html 以反映新值!)。

我在这里有个问题。angularJS 商店是否对每个范围都有某种键映射(或某种数据结构),其中包含对观察者的引用和该观察者的当前值?就像是:

0 投票
2 回答
28 浏览

angularjs - 绑定数据提供 ID 以及其他数据

我正在尝试使用以下代码绑定数据:

输出是:

我不知道为什么会有这么多大括号和 id。我哪里错了?我正确显示了公司名称。

0 投票
1 回答
54 浏览

angularjs - ng-repeat 不显示列表之一

网络捕获数据库中的所有 4 个列表。但是,它没有捕获右侧的列表之一。我不明白为什么只有其中一个被忽略了。

这是html代码:

这是 4 个列表的输出。请参阅最后一个清单没有绑定数据。我不知道为什么:

0 投票
1 回答
624 浏览

javascript - AngularJS工厂变量值赋值打破绑定

似乎当我为服务/工厂中的变量分配新值时,它会破坏绑定并且控制器停止更新值,除非我$scope.verify在控制器中调用该函数,该函数仅将服务对象打印到控制台,然后绑定更新一次。我是否在skypeClient工厂中分配了错误的值?

前任。我执行$scope.signIn()并且绑定更新到,signingIn但是当值更改为SignedIn(使用控制台验证)时,控制器不会更新到,SignedIn除非我从那里开始执行$scope.verify()每个更改。skypeClient.state

请参见下面的代码:

控制器

服务

HTML

0 投票
5 回答
106 浏览

javascript - 如何避免在开始时显示 {{ ... }}?

我正在开发一些简单的 angularjs SPA,我注意到在开始时,不到一秒钟,在{{ ... }}Angularjs 加载数据之前,SPA 中显示了很多。

我怎样才能避免这种行为?

0 投票
1 回答
108 浏览

javascript - Angular js将本地数组与全局范围绑定

我有一个角形。只有2个输入框。我从输入框中获取值,然后将它们保存在数组中。

那么问题就开始了。我想显示用<pre></pre>标签包裹的数组我该怎么做。代码示例是这样的。

脚本: