问题标签 [angularjs-bindings]

我有一个 Angular 应用程序，我将一个空数组传递给Angular-UI Bootstrap Modal。取决于用户的选择，它可能填充或不填充项目，最多 1000 个对象。所有这些我都显示在一个列表中ng-repeat。列表中的所有项目都是预先生成的，因此我无法异步检索它们，例如使用smart-table 之类的插件。当用户按下确定按钮时，所有生成的值都会返回到controller它被调用的位置。从技术上讲，所有这些都已经存在，因为我通过$scope.items引用传递：

但是当我按下取消$scope.items.length=0;按钮时，我会通过调用我需要一段时间的问题来擦除数组中的所有项目。在我下面的 plunker 示例中，它几乎不引人注意但很明显，但在我的实际应用中，它更加明显和不可接受。

我猜这是由于Angular的双向绑定，清理所有观察者需要一些时间，但我不知道如何解决这个问题，如果可以解决的话。

我在 plunker 的 MCVE：http://plnkr.co/edit/JwanDxBzh3a7ilEX58z8?p= preview

更新：尝试使用一次性 binging，plunker 在这里：http ://plnkr.co/edit/PjzHRYiuXFHE1M1Pap6U?p=preview

如此处所述：https ://stackoverflow.com/a/18791503/947111它没有帮助。

我有一个名为 test 的类，其中的属性是数据。当 test.data 更新时，如何绑定home.showVar，test.datahome.showVar 也会更新（我想向用户显示列表）

基本上我想要一个名为 test 的服务，它触发 api 调用，然后返回数据并与现有数据合并，然后显示给用户。我是 angular2 和打字稿的新手。所以我不确定如何将http数据与现有数据合并并使其与不同的页面绑定。

所以我对组件、绑定和 Angular 2 范式还比较陌生。我想让我的 Angular 1.3 应用程序准备好传输，所以我一直在尝试采用新的组件指令。

不过，我无法克服不可分配的绑定错误！

这是我包含组件的地方：

以及组件本身：

和组件模板：

我觉得我在这里遗漏了一些非常明显的东西。任何帮助将不胜感激。

我有 2 个 HTML 视图，一个用于应用程序目的，另一个用于打印目的。只需考虑两个文件名Application.html和PrintForm.html

Application.html的示例 HTML 脚本

PrintForm.html 的示例 HTML 脚本

如果我单击 Application.html 中的打印超链接，我需要打印 PrintForm.html 与绑定的数据app.controller $scope

预期的输出屏幕是

我不需要将打印内容加载到浏览器中，它直接触发打印机对话框打印，打印超链接被点击后。

在 Application.html 中点击打印超链接后我预期的操作应该是

注意：不要对 PrintForm.html 使用 iFrame 或任何其他内部视图

假设我在带有 SortBy 模型的控制器中有以下数组。

在视图中，我在两个地方使用了双向绑定，一个<select ng-model="SortBy">在一个表达式绑定中 <div>{{SortBy}}</div>

我绝对知道模型更新会更新表达式绑定部分，但它会重新更新中的选定选项<select>吗？

我没有得到 angular components的绑定。我已将此材料 FAB 演示重新设计为组件。所以没有ng-controller指令了。但是我无法使绑定bindings: {isOpen: '='}工作。我收到以下错误：

与指令“tsButton”一起使用的属性“isOpen”中的表达式“未定义”是不可分配的！

代码如下所示：

如果我省略bindings: {isOpen: '='}thenmd-open="$ctrl.isOpen"不会传播。

一种解决方法是定义方法，ng-mouseenter="$ctrl.open()"并且ng-mouseleave="$ctrl.close()"在控制器中将正确的布尔值分配给vm.isOpen. 但正如我所说，这只是一种使代码更长的解决方法，等等。

我通过使用 Promises 下载 JSON 数据并将其存储在变量中来开始我的 Angular 控制器：

然而，在init()完成之后，如果我检查$scope.data1并且$scope.data1Ref它们都已被修改，那就是它们被绑定在一起了。

为什么会发生这种情况？如何确保保留原始下载 JSON 的存储版本以供参考？

在我的Angular 1.4.8应用程序中，我想计算原始值与用户更改后的值之间的差异。

这些值是一个数组，例如$scope.values = [1,5,8,3];。

但这不起作用。Angular 首先进行减法，然后将差异字段永远绑定为零。或者，如果我这样做，它只会崩溃：

在控制器中，我有以下代码：

那是工作，我看到了客户的姓氏。

在控制器中我也有这个代码。当我点击超链接时调用此函数

我更改输入中的文本，然后单击超链接。调用WEBAPI，reload函数返回的数据正确但视图没有更新。

我错过了什么？

请原谅标题。我不知道如何最好地描述我正在寻找的东西。

我的 JSON 看起来像这样：

我有一个指令遍历这个对象的父对象并绑定到里面的数据，没问题。不过，我遇到的问题是我需要将选择的 ng-options 绑定到按 ColumnName 过滤的对象。

在我的 ng-repeat 中，我正在渲染一个包含每列的 CalculationTypes 的选择。我需要将我的 ng-options 设置为每个 CalculationTypes，其中 AvailableSummaryColumns.ColumnName 等于我的 ng-repeat 中当前 AvailableColumns 对象的 ColumnName。

我已经尝试了所有我知道的尝试，但无法正确绑定。实现这一目标的最佳方法是什么？

ng-重复：

在每一行中，我需要将 a 的 ng-model 或 ng-optionsselect绑定到 AvailableSummaryColumns.CalculationTypes，其中 AvailableSummaryColumns.ColumnName 等于 AvailableColumns.ColumnName。