问题标签 [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.
javascript - Angular - 使用 $scope 中的数字添加输入值
我有以下代码:
我想从 $scope 中获取一个数值,并将其添加到用户在输入中输入的带有“amount”类的数字中,并在输入中使用“result”类显示结果。因此,基本上,该变量在MainController函数中定义如下:
我对最好的方法是什么感到有点困惑,我看到有ng-value和ng-model指令可供我使用,但我很难理解哪个是适合这个应用程序的指令(并且如何正确使用它们)。
javascript - 如何使用 AngularJS 将数据从 html 输入标签绑定到 javascript 对象?
我对使用 AngularJS 真的很陌生,所以我不太确定实现目标的最佳方法是什么。我想要做的是在我的 hmtl 中有一个 type=number 的输入标签网格并设置它,以便每当值增加时,都会将一个新对象附加到列表中。同样,当它递减时(它不能低于 0),该类型的对象将从列表中删除。
使用此代码,每当我增加输入框时,该更改都会由 {{}} 显示在底部。但是,我不清楚我实际绑定的是什么。每当用户增加输入框时,我不知道如何创建一个新的 foo1 对象。
这是我的代码:
另外,如果有帮助,这是我的 foo1 对象构造函数:
有谁知道如何做到这一点,或者对如何做到这一点有更好的想法?(并不是说这有什么不同,但这是一个 Ionic 项目。)
angularjs - AngularJS 1.3 模式验证绑定不起作用
在过去的几个版本中,我一直在使用带有 AngularJS 的 Regex 模式验证,并且效果很好。
我的应用程序要求验证模式由范围属性公开,相应的 AngularJS 验证指令绑定到该范围属性。在 v1.3 之前,它看起来像这样:
现在将 AngularJS 更新到 v1.4(绕过 v1.3),我发现上述方法不再有效。查看 v1.3的迁移说明,我发现这是预期行为,需要一种新方法,如下所示:
但是,我根本无法让它工作。如果我将验证模式内联(在 HTML 输入元素内)它工作正常,但是当移动到范围对象并绑定到pattern
orng-pattern
指令时,不会发生验证。
请问有什么建议吗?
angularjs - 角度绑定是如何发生的?
以下是我对 angularJS 中绑定如何发生的理解。如果专家可以提供反馈/评论会很棒..
一旦 angularJS 遇到 {{myVar}}(和 {{anothervar}}),就会在内部创建一个观察者(针对每个变量)。这个观察者是为控制器'ctrlA'的$scope创建的。
每当在 $timeout、ng-click 等函数中调用函数时,它们都嵌入在 $scope.apply() 中。在你的函数被执行后(这可能会改变一些范围变量),$apply 将在 rootScope 上调用摘要。这将在整个应用程序中与 UI 同步变量!
当 $scope.digest 被调用时,它会遍历该范围的所有观察者。然后它获取变量的当前值并检查它是否已更改。如果它发生了变化,它会调用观察者处理程序(它会更改 html 以反映新值!)。
我在这里有个问题。angularJS 商店是否对每个范围都有某种键映射(或某种数据结构),其中包含对观察者的引用和该观察者的当前值?就像是:
angularjs - 绑定数据提供 ID 以及其他数据
我正在尝试使用以下代码绑定数据:
输出是:
我不知道为什么会有这么多大括号和 id。我哪里错了?我正确显示了公司名称。
angularjs - ng-repeat 不显示列表之一
网络捕获数据库中的所有 4 个列表。但是,它没有捕获右侧的列表之一。我不明白为什么只有其中一个被忽略了。
这是html代码:
这是 4 个列表的输出。请参阅最后一个清单没有绑定数据。我不知道为什么:
javascript - AngularJS工厂变量值赋值打破绑定
似乎当我为服务/工厂中的变量分配新值时,它会破坏绑定并且控制器停止更新值,除非我$scope.verify
在控制器中调用该函数,该函数仅将服务对象打印到控制台,然后绑定更新一次。我是否在skypeClient
工厂中分配了错误的值?
前任。我执行$scope.signIn()
并且绑定更新到,signingIn
但是当值更改为SignedIn
(使用控制台验证)时,控制器不会更新到,SignedIn
除非我从那里开始执行$scope.verify()
每个更改。skypeClient.state
请参见下面的代码:
控制器
服务
HTML
javascript - 如何避免在开始时显示 {{ ... }}?
我正在开发一些简单的 angularjs SPA,我注意到在开始时,不到一秒钟,在{{ ... }}
Angularjs 加载数据之前,SPA 中显示了很多。
我怎样才能避免这种行为?
javascript - Angular js将本地数组与全局范围绑定
我有一个角形。只有2个输入框。我从输入框中获取值,然后将它们保存在数组中。
那么问题就开始了。我想显示用<pre></pre>
标签包裹的数组我该怎么做。代码示例是这样的。
脚本: