问题标签 [angularjs-bindings]

我有一个简单的contactList组件，它有 2 个绑定：contacts和onRemove.

• contacts只是要显示的联系人数组
• onRemove是一个回调函数

我在我的应用程序中多次使用这个组件。并且onRemove回调的行为可能会有所不同，具体取决于使用组件的contactList位置。例子：

• contactMainView(= 组件) 显示一个搜索栏和使用该contactList组件的联系人的结果列表。onRemove将从数据库中删除联系人。

• groupMembersViewcontactList使用该组件显示属于给定组的所有联系人。此处不应删除联系人，但onRemove不会设置。

想法：

首先我想，我可以使用 anng-if="$ctrl.onRemove"但这不起作用，因为onRemove它永远不会undefined在contactList组件中。console.log(this.onRemove)总是打印：function(locals) { return parentGet(scope, locals); }

当然，我可以使用另一种showRemove: '@'绑定，但这对我来说并不干燥。

您有什么想法或更好的解决方案来完成工作吗？

请看下面给出的截图

正如您在上面的屏幕截图中看到的那样，单个绑定有 #3 个观察者。

谁能详细说明为什么会这样？

PS：我正在使用 AngularJS Batarang 来检查性能。

我正在使用 ngRoute 创建一个 Angular 单页应用程序。想要迁移到基于组件的版本。

问题是孤立的范围。我需要访问主控制器道具和方法。尝试使用绑定但不起作用。我找不到这个问题。这个应用程序在不使用组件的情况下运行良好。当我尝试将主页视图更改为组件时，它会崩溃。这些是代码的主要部分：

框架

主页模板

角度控制器

我在引发异常的地方添加了一条评论。主页控制器尝试更新 angularController 的模型。第一个什么都不做，第二个抛出异常。我究竟做错了什么？

我有一个父组件“transactionList”，它从 API 获取银行交易列表，并为该列表中的每个交易重复一个子组件“transactionItem”。

我在刷新绑定到父组件控制器实例的事务列表时遇到了一个问题：数据记录在我的控制台中，但我的表是空的。请注意，该问题与子组件有关，因为注释代码工作正常。

家长：

孩子们：

编辑：

如果我将静态字符串放在子模板中，它将显示在表格之外。正如@JB Nizet 在评论中提到的那样，可能是因为违反了 DOM。如何在 AngularJS 中使用子组件管理表格行？

编辑2：

似乎我别无选择，只能使用指令作为属性来尊重 DOM。 https://github.com/angular/angular.js/issues/14466

我正在尝试找出 AngularJS 指令。我有以下 JSFiddle 以及我正在尝试做的事情的示例。https://jsfiddle.net/7smor9o4/

正如您在示例中看到的，我希望vm.alsoId变量等于vm.theId。在模板vm.theId中显示正确的值但vm.alsoId不显示。

我究竟做错了什么？我怎样才能实现我的目标。

如果它有帮助，最终的想法是执行以下操作：

在组件中使用属性绑定时，传递给控制器​​的数据始终是字符串。但是，我正在尝试传递一个整数，并且无法将其从字符串转换并使用转换棒。

我尝试将数据保存为整数，$onInit()但在此函数之外，数据将返回其原始状态（类型和值）。我理解组件一般不应该修改传入的数据，但是由于这是一个属性绑定，并且数据是按值传递的，所以我认为不适用。

我可以通过将数据复制到控制器上的新属性来解决这个问题，但我很好奇是否有人可以解释这里发生了什么。有关该问题的工作示例，请参阅此Plunker。

我有个问题。将我需要的按钮称为“关闭”或“打开”。如果 json 中的活动状态为 1，则按钮关闭显示在 html 中，所以改为。但我试过了

ng-绑定-html

仍然无法正常工作，对我有什么解决方案吗？谢谢

这是我的代码：

控制器

html

我有一个表，其中包含一个激活/停用用户的按钮。当我单击该按钮时，它会调用 API 来更改用户的状态。我遇到的问题是在 API 调用后使用视图执行实时更新。目前，我看到文本切换的唯一方法是刷新页面时。

这是我的Admin.html，当单击按钮时，按钮上的文本应在“活动”和“非活动”之间切换。

这是我的AdminController.js

我正在尝试使用mark.js突出显示 Angular 呈现的元素中的文本。

我遇到的问题是渲染的文本由 mark.js 更新，而 Angular 丢失了对更新文本的引用。原理如示例所示。

最小的例子：plnkr.co

文本节点在外部更新后是否可以触发重绘？

更新：

为了更清楚地说明用例是什么：

plnkr.co

当您标记和取消标记时，内部的文本节点<p id="targetElement">将替换为 mark.js。Angular 不会再次渲染视图。（它确实更新了 DOM 不再引用的文本节点）

我想做的是做一个搜索功能。我想通过使用复选框并根据每个复选框的值来调用控制器中的函数来获得多个选项。详细来说，我到目前为止所做的是一个下拉菜单：

在控制器中，我正在检查选择了哪个属性并调用了相应的函数

所以我现在正在尝试将下拉菜单更改为多个选中的复选框，例如，如果同时选择用户用户名和帐户名来调用控制器 searchByUsersUsernameAccountsName($scope.searchKeyword) 中的函数。