问题标签 [ng-bind]
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 ngBind
我有一个单页的 Angular 购买表单,其中包含多种选项和一个显示在表单各个部分的运行估计总数。计算估计的总内联相当复杂且难以测试:
我试图通过重构为作用域上的一个函数来干燥我的观点,并指定ng-bind
为这个函数:
该if
语句是必要的,因为它有时会在$scope.purchase
通过 Ajax 填充模型之前进行评估。问题是该函数最初在 Ajax GET 完成之前返回 undefined,但随后ngBind
不再重新评估它。
我可以告诉我ngBind
注意额外的模型值吗?是否有另一种推荐的方法来重构ngBind
与脏检查配合得很好的复杂表达式?
angularjs - ng-bind-html 防止在内容中执行脚本
我面临的问题是我从具有 HTML 内容的服务器获取数据
<p> hello <a class='mention'data-id='1'>Amerr</a></p>
由于ng-bind-html Santaize它将删除所有潜在威胁以及data-id='1'等属性。我的指令需要它。所以我用
- $compile让我的指令作用于锚标签。
- $sce.trustAsHtml 返回编译后的代码。
所以如果有任何文字
$compile(html_code)($scope)
这将执行代码并导致角度执行表达式导致问题。帮助我如何解决这个问题。
angularjs - 同一指令中的多个 ng-bind
我正在尝试在指令中使用多个 ng-bind 而不是 {{}} ,但没有运气。
万一只有一个 ng-bind 也没问题。如果我有不止一个,就像在这种情况下,我在某处读到了我正在使用的符号,"ng-bind: att;"
但它不起作用。
另外,我想知道我是否真的需要它。显然使用 ng-bind 避免了双括号在加载数据之前在屏幕中闪烁的问题,在这种情况下,这并不重要,因为我将值用作类属性,因此不会显示在屏幕中. 另一方面,使用 ng-bind 应该更有效。
有任何想法吗?我在stackoverflow中看到了一些关于此的问题,但似乎都没有解决这个问题。
javascript - AngularJs:列表未显示在 ng-Bind 或 ng-model 中
初学者到棱角分明。
我有一个清单,list1 = ["item1"]
。
我想将整个列表绑定到一个标签。换句话说:
<label> {{list1}} </label>
. 这将输出["item1"]
. 它看起来很俗气,所以我尝试使用 ng-bind。<label ng-bind = "list1"> </label>
. 这未能向我显示任何输出(空白标签)。为什么这不起作用?
第二次尝试,我做到了<label ng-bind = "list1[0]">
。这有效!为什么?
现在,我想尝试 ng-model 。<label ng-model = "list1"> </label>
. 不工作。然后我试了,<label ng-model = "list1[0]">
. 没有运气......呃!我根本无法理解这种情况。
我试图找出 ng-bind 和 ng-model 之间的区别。在这里找到这个。如果该答案有效,为什么 <label ng-bind = "list1"> </label>
不等于 <label> {{list1}} </label>
?
javascript - 使用 ng-bind 绑定多个值
我可以像这样使用 ng-bind 绑定多个值吗:
每当我尝试这个时,我都会收到以下错误:
错误:$parse:syntax 语法错误
我知道我可以用花括号做同样的事情
但如果可以的话,我想避免这种情况,因为代码库的其余部分使用 ng-bind 并且我会保持一致。谢谢。
angularjs - 在 Angular JS 中,如何在同一行显示 2 个 ng-bind 项目?
我有以下代码:
在第一种情况下它显示正确,但第二种情况将名称分成两行,如果我删除<P>
and </P>
,它不会显示,那么如何使用 ng-bind 在一行中显示名称?
angularjs - AngularJS ng-bind 问题
我正在研究角度应用程序。我需要使用ng-bind
两个不同范围的两个变量(一个来自父范围,另一个来自子范围)绑定两个模型变量。那可能吗?
这是我尝试过的代码:
angularjs - AngularJS中输入文本框的默认值
如何在 AngularJS 中设置输入文本框的默认值,以便以后可以更改?我希望能够将文本框的更改值(使用 ng-model)提交到服务器。在这种情况下,使用 ng-value 设置文本框的初始值是正确的方法吗?
angularjs - 将 ng-bind-html-unsafe 与包含括号的表达式一起使用
要在模板中呈现带有连字符的属性名称的表达式,必须使用方括号而不是点。示例 docs["paragraph-content"] 而不是 docs.paragraph-content。我正在尝试在指令模板中的 ng-bind-html-unsafe 中打印此变量,例如 ng-bind-html-unsafe="doc["paragraph-content"]" 但出现语法错误,错误:语法错误: 标记“未定义”不是从 [doc[] 开始的表达式 [doc[] 的 NaN 列的主表达式。