问题标签 [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.

0 投票
1 回答
373 浏览

javascript - 带有函数/复杂表达式的 Angular ngBind

我有一个单页的 Angular 购买表单,其中包含多种选项和一个显示在表单各个部分的运行估计总数。计算估计的总内联相当复杂且难以测试:

我试图通过重构为作用域上的一个函数来干燥我的观点,并指定ng-bind为这个函数:

if语句是必要的,因为它有时会在$scope.purchase通过 Ajax 填充模型之前进行评估。问题是该函数最初在 Ajax GET 完成之前返回 undefined,但随后ngBind不再重新评估它。

我可以告诉我ngBind注意额外的模型值吗?是否有另一种推荐的方法来重构ngBind与脏检查配合得很好的复杂表达式?

0 投票
1 回答
795 浏览

angularjs - ng-bind-html 防止在内容中执行脚本

我面临的问题是我从具有 HTML 内容的服务器获取数据

<p> hello <a class='mention'data-id='1'>Amerr</a></p>

由于ng-bind-html Santaize它将删除所有潜在威胁以及data-id='1'等属性。我的指令需要它。所以我用

  1. $compile让我的指令作用于锚标签。
  2. $sce.trustAsHtml 返回编译后的代码。

所以如果有任何文字

$compile(html_code)($scope)

这将执行代码并导致角度执行表达式导致问题。帮助我如何解决这个问题。

0 投票
1 回答
1707 浏览

angularjs - 同一指令中的多个 ng-bind

我正在尝试在指令中使用多个 ng-bind 而不是 {{}} ,但没有运气。

万一只有一个 ng-bind 也没问题。如果我有不止一个,就像在这种情况下,我在某处读到了我正在使用的符号,"ng-bind: att;"但它不起作用。

另外,我想知道我是否真的需要它。显然使用 ng-bind 避免了双括号在加载数据之前在屏幕中闪烁的问题,在这种情况下,这并不重要,因为我将值用作类属性,因此不会显示在屏幕中. 另一方面,使用 ng-bind 应该更有效。

有任何想法吗?我在stackoverflow中看到了一些关于此的问题,但似乎都没有解决这个问题。

0 投票
1 回答
441 浏览

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>

0 投票
3 回答
24714 浏览

javascript - 使用 ng-bind 绑定多个值

我可以像这样使用 ng-bind 绑定多个值吗:

每当我尝试这个时,我都会收到以下错误:

错误:$parse:syntax 语法错误

我知道我可以用花括号做同样的事情

但如果可以的话,我想避免这种情况,因为代码库的其余部分使用 ng-bind 并且我会保持一致。谢谢。

0 投票
1 回答
1088 浏览

angularjs - 在 Angular JS 中,如何在同一行显示 2 个 ng-bind 项目?

我有以下代码:

在第一种情况下它显示正确,但第二种情况将名称分成两行,如果我删除<P>and </P>,它不会显示,那么如何使用 ng-bind 在一行中显示名称?

0 投票
0 回答
77 浏览

angularjs - AngularJS ng-bind 问题

我正在研究角度应用程序。我需要使用ng-bind两个不同范围的两个变量(一个来自父范围,另一个来自子范围)绑定两个模型变量。那可能吗?

这是我尝试过的代码:

0 投票
1 回答
29560 浏览

angularjs - AngularJS中输入文本框的默认值

如何在 AngularJS 中设置输入文本框的默认值,以便以后可以更改?我希望能够将文本框的更改值(使用 ng-model)提交到服务器。在这种情况下,使用 ng-value 设置文本框的初始值是正确的方法吗?

0 投票
0 回答
475 浏览

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 列的主表达式。

0 投票
2 回答
2244 浏览

angularjs - AngularJS:是否可以在没有 $watch 的情况下对 ng-bind-html 进行后处理?

我有应该由ng-bind-html指令输出的html 内容,之后我想对这些内容进行一些操作(例如 DOM 操作、jQuery 插件等)。

stackoverflow 为我提供了这样的解决方案

所以要创建具有更高优先级的自定义指令并在里面观察:

演示

但就我不打算更改此内容而言,我不想使用$watch。没有$watch 可以吗?