问题标签 [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 投票
0 回答
56 浏览

angularjs - 带有 $scope 数据绑定的 angularjs 只工作一次

我有一个带有选择框的表格。它填充了来自 JSON 的数据,其中每一行都有许多键。我的想法是在选择上显示描述字段,按 ID 跟踪和标签中显示的其他值。

这是我的代码:

这是 JSON

我的问题是在选择框上更改数据,数据绑定仅在分配标签初始化数据而不是选定数据时起作用,所有其他时间绑定都不起作用。

我认为原因是我正在注入 $scope。我已经阅读了一些关于使用 $scope.$apply 的指南,但是如果我尝试像这样在我的控制器中使用 $scope.$apply

几秒钟后,我收到$rootScope:inprogr 错误

这是我的带有路由的 app.js

这是我的控制器

我该如何解决?

PS我的代码被简化,视图被路由并在内部解析我运行一些服务来接收来自数据库的数据

0 投票
2 回答
1837 浏览

javascript - 指令中未收到广播

我的,之间有父子控制器关系<main>,因此:<div><my-directive>

在 MainController 中,我使用以下命令执行 $broadcast:

在 AboutController 中,我可以通过以下方式成功接收此 $broadcast:

但是,当尝试在<my-directive>链接函数中接收 $broadcast 时,似乎永远不会收到:

更新


我什至在我的指令中创建了一个控制器:

我可以看到日志

但是 .on 从未收到。

更新:


我认为可能的原因是由于范围没有“准备好”。

在我来自 MainController 的原始文件中,如果我在outbroadcast之后执行另一个,则会收到所有内容:setTime.on

主控制器:

0 投票
1 回答
61 浏览

angularjs - $watch 不更新子视图

我有这个指令$scope.mode在父项中发生了变化$scope

该指令包含在main.html中,以及加载子视图的ui-view中:

subviewTemplate.html

子视图没有特定的控制器,它使用父控制器,如app.js中的设置:

以及main.htmlsubviewTemplate.html使用的控制器:

我不明白为什么它适用于main.html,正确更新,但不适用于subviewTemplate.htmlconsole.loginside$watch打印正确的值。

有什么帮助吗?我在这里做错了什么?

0 投票
2 回答
824 浏览

javascript - 在 Angular 2 innerHTML 绑定中下载脚本

我正在开发一个 Angular 2 应用程序,它在我的应用程序中显示新闻项目。新闻项目保存在数据库中,并使用 Angular 的 [innerHTML] 绑定加载到模板中。

当新闻项目的内容中有嵌入的内容(如推文)时会出现问题,这需要加载一个 javascript 文件(例如 //platform.twitter.com/widgets.js)。问题是浏览器不会下载文件,即使在解析页面之后也是如此。

有谁知道如何解决这个问题?谢谢!

0 投票
0 回答
37 浏览

angularjs - Angularjs图像绑定不起作用

我对 angularjs 很陌生。我有一个看起来像 http://abc 的 url。这个 url 指的是一个不断变化的图像,但由于某种原因,新图像没有被引用。例如,如果 url 引用 A 图像并且我将引用更改为 B,则 url 仍然引用旧图像并显示新图像,我必须重新加载网页。似乎绑定没有正确发生。这个问题太令人困惑了,我不确定我应该把哪个代码片段放在这里作为参考。

0 投票
2 回答
160 浏览

angularjs - 如何使用函数在 AngularJS 绑定中正确显示 HTML 标记?

我有以下代码,以说明我遇到的问题:

第一行和第二行按预期显示,显示空格而不是代码。然而,第三行显示了   代码而不是空格。

该功能在控制器中,简单地说:

如何使此功能按预期工作?(我需要它来修改附加到 ngRepeater 的选择选项中的文本。)

0 投票
3 回答
107 浏览

javascript - 使用 Angular 动态填充头部标签

我想知道是否可以使用 Angular 动态更改某些 HEAD 标签的值。一个例子是这种转换:

至:

这是理论,但我想知道是否有人尝试过它并且它有效,或者如果这不是方法,该怎么做。我现在无法对其进行测试,但我需要在开始编码之前了解它。如果可以的话,我会很感激一些如何操作其他 HEAD 标签的例子。

0 投票
1 回答
400 浏览

angularjs - Angular 组件:单向绑定和属性绑定有什么区别?

我一直在构建一些角度组件,想知道单向(“<”)和属性(“@”)绑定之间的实际区别是什么?

是否存在一种比另一种更可取的情况?很简单,属性总是不可变的字符串,必须插值?

0 投票
0 回答
73 浏览

angularjs - 绑定值未在视图中更新

指令

该模板:

控制器:

该指令由

问题:

HC_EVENTS.componentLoaded事件由包含<hc-component-blocker animation="/images/spinner_black_16.gif"></hc-component-blocker>. 它用这行代码做到这一点: $scope.$broadcast(HC_EVENTS.componentLoaded);

我知道这是有效的,因为控制台会告诉我“组件已加载 = true”

但是,视图中的任何内容都不会更新。ng-if="!componentBlocker.thisComponentIsLoaded"应该删除整个元素,但它仍然存在。另外,{{componentBlocker.thisComponentIsLoaded}}继续显示“假”。

为什么指令的模板不会随着 的更新值而更新componentBlocker.thisComponentIsLoaded

ETA:它似乎与表达式一起正常工作。我想了解为什么一个值不起作用但一个表达式起作用。这是设计使然吗?

0 投票
1 回答
215 浏览

angularjs - 用于移动导航的 AngularJS 指令

我正在尝试构建一个 AngularJS 指令来切换我的移动导航,但它不起作用。我究竟做错了什么?

该指令

index.html

使用 jQuery,它看起来像这样并且工作正常