问题标签 [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.
angularjs - 带有 $scope 数据绑定的 angularjs 只工作一次
我有一个带有选择框的表格。它填充了来自 JSON 的数据,其中每一行都有许多键。我的想法是在选择上显示描述字段,按 ID 跟踪和标签中显示的其他值。
这是我的代码:
这是 JSON
我的问题是在选择框上更改数据,数据绑定仅在分配标签初始化数据而不是选定数据时起作用,所有其他时间绑定都不起作用。
我认为原因是我正在注入 $scope。我已经阅读了一些关于使用 $scope.$apply 的指南,但是如果我尝试像这样在我的控制器中使用 $scope.$apply
几秒钟后,我收到$rootScope:inprogr 错误
这是我的带有路由的 app.js
这是我的控制器
我该如何解决?
PS我的代码被简化,视图被路由并在内部解析我运行一些服务来接收来自数据库的数据
javascript - 指令中未收到广播
我的,之间有父子控制器关系<main>
,因此:<div>
<my-directive>
在 MainController 中,我使用以下命令执行 $broadcast:
在 AboutController 中,我可以通过以下方式成功接收此 $broadcast:
但是,当尝试在<my-directive>
链接函数中接收 $broadcast 时,似乎永远不会收到:
更新
我什至在我的指令中创建了一个控制器:
我可以看到日志
但是 .on 从未收到。
更新:
我认为可能的原因是由于范围没有“准备好”。
在我来自 MainController 的原始文件中,如果我在outbroadcast
之后执行另一个,则会收到所有内容:setTime
.on
主控制器:
angularjs - $watch 不更新子视图
我有这个指令$scope.mode
在父项中发生了变化$scope
:
该指令包含在main.html中,以及加载子视图的ui-view中:
subviewTemplate.html:
子视图没有特定的控制器,它使用父控制器,如app.js中的设置:
以及main.html和subviewTemplate.html使用的控制器:
我不明白为什么它适用于main.html,正确更新,但不适用于subviewTemplate.html。console.log
inside$watch
打印正确的值。
有什么帮助吗?我在这里做错了什么?
javascript - 在 Angular 2 innerHTML 绑定中下载脚本
我正在开发一个 Angular 2 应用程序,它在我的应用程序中显示新闻项目。新闻项目保存在数据库中,并使用 Angular 的 [innerHTML] 绑定加载到模板中。
当新闻项目的内容中有嵌入的内容(如推文)时会出现问题,这需要加载一个 javascript 文件(例如 //platform.twitter.com/widgets.js)。问题是浏览器不会下载文件,即使在解析页面之后也是如此。
有谁知道如何解决这个问题?谢谢!
angularjs - Angularjs图像绑定不起作用
我对 angularjs 很陌生。我有一个看起来像 http://abc 的 url。这个 url 指的是一个不断变化的图像,但由于某种原因,新图像没有被引用。例如,如果 url 引用 A 图像并且我将引用更改为 B,则 url 仍然引用旧图像并显示新图像,我必须重新加载网页。似乎绑定没有正确发生。这个问题太令人困惑了,我不确定我应该把哪个代码片段放在这里作为参考。
angularjs - 如何使用函数在 AngularJS 绑定中正确显示 HTML 标记?
我有以下代码,以说明我遇到的问题:
第一行和第二行按预期显示,显示空格而不是代码。然而,第三行显示了 代码而不是空格。
该功能在控制器中,简单地说:
如何使此功能按预期工作?(我需要它来修改附加到 ngRepeater 的选择选项中的文本。)
javascript - 使用 Angular 动态填充头部标签
我想知道是否可以使用 Angular 动态更改某些 HEAD 标签的值。一个例子是这种转换:
至:
这是理论,但我想知道是否有人尝试过它并且它有效,或者如果这不是方法,该怎么做。我现在无法对其进行测试,但我需要在开始编码之前了解它。如果可以的话,我会很感激一些如何操作其他 HEAD 标签的例子。
angularjs - Angular 组件:单向绑定和属性绑定有什么区别?
我一直在构建一些角度组件,想知道单向(“<”)和属性(“@”)绑定之间的实际区别是什么?
是否存在一种比另一种更可取的情况?很简单,属性总是不可变的字符串,必须插值?
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:它似乎与表达式一起正常工作。我想了解为什么一个值不起作用但一个表达式起作用。这是设计使然吗?
angularjs - 用于移动导航的 AngularJS 指令
我正在尝试构建一个 AngularJS 指令来切换我的移动导航,但它不起作用。我究竟做错了什么?
该指令
index.html
使用 jQuery,它看起来像这样并且工作正常