问题标签 [angularjs-interpolate]

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 投票
6 回答
49173 浏览

javascript - 角度计算html中的百分比

角菜鸟在这里!我试图在我的 html 中显示一个百分比值,如下所示:

它可以工作,但有时它会给出一个很长的小数,看起来很奇怪。如何将其四舍五入到小数点后两位?有更好的方法吗?

0 投票
2 回答
3371 浏览

angularjs - ng-bind-html vs {{interpolation}}

这是我的问题,有什么优点和缺点?

在我的应用程序中,我正在使用插值,但出现这样的错误

{{::sport.name}}->NHL Futures & Props

如果我使用ng-bind-html

ng-bind-html="sport.name"->NHL Futures & Props

在这种情况下ng-bind-html正在做我想做的事。但是,它有什么问题吗?

有一个比另一个更好吗?

所以告诉我,我愿意接受建议。

0 投票
1 回答
254 浏览

angularjs - 通过插值模式进行 AngularJS 表单验证

我正在尝试进行一个简单的输入,该输入仅通过匹配范围内的一些数据来验证,字面意思是:

但是,运行此代码表明该$invalid属性不考虑插值模式。是否有一种编程方式可以foo精确地将输入的验证设置为 equal ?也许一些函数谓词?

0 投票
1 回答
131 浏览

javascript - 通过过滤键将多个列表中的动态对象值绑定到 HTML

我从正在使用的服务器获取三明治组件列表,它们返回如下。

我们的三明治店对于什么部分可以搭配什么有各种规则,所以大部分内容都是动态的。

我有这种json(面包对象不保证有id = 1,不是元素components[0]):

我将其映射到动态形式,并从中创建一个三明治对象,将详细信息存储在平面 JSON 中,如下所示:

我希望能够在侧栏中总结选择。我最初的尝试是:

但那只显示面包项目的id,不是很有用!

我的第二次刺是这样的:

这感觉像是一个更好的选择,但我不知道如何“找到”这个组件。我已经看到了这一点,但我正在努力弄清楚如何更改该代码以在我的示例中工作。

我缺少什么来实现这个?

0 投票
1 回答
1699 浏览

javascript - 如何使用 $interpolate 对模板变量的表达式进行 url 编码?

我有一个变量

x = " http://example.com?a= {{a}}&b={{b}}

这个变量然后用于

ng-src={{x}}

因此,对变量 a 和 b 进行 url 编码对我来说很重要。

我目前做的是:

我的问题是,当 a 或 b 包含空格时,它们不是 url 编码的。

我如何告诉 $interpolate 函数对变量 a 和 b 进行 url 编码?

0 投票
2 回答
4313 浏览

javascript - 在 Angular 中使用占位符

是否有一种 ng-placeholder 或类似的东西?

我想放置一个默认占位符Risk,即作为计算输入的输入,有时计算持续 2 秒,所以我想删除该Risk占位符并在那里放置一个加载器/微调器。这就是我拥有它的方式

我有一个$scope变量betLoader,当它是true加载器/微调器时出现,当它为假时,出现Windiv一词。我想做同样的事情,但不是在那里,我想在输入中使用占位符Risk,当为真时,然后隐藏Risk词。betLoader

你有什么建议?

编辑

考虑到微调器在一个divspinner中。因此,我需要将该微调器放在输入中。

0 投票
1 回答
450 浏览

javascript - 在 ES6 + Angular 1.4 指令中插值

我目前正在尝试“新的” ES6 + Angular 组合,并被困在包含范围绑定的指令中插入 html 字符串。

我尝试了以下选项:

现在的情况

以下代码有效,但它使用过滤器而不是指令。

HTML 文件

在模块中过滤(仍然是没有 ES6 的老式 Angular)

我试图将插值逻辑移向指令的原因是我不必在多个元素上添加过滤器。

工作但丑陋的情况

HTML 文件

指示

模块

期望的情况(尚未工作)

HTML 文件

指示

模块

简而言之:我想在理想的情况下工作

0 投票
1 回答
492 浏览

javascript - 在 $sce.trustAsHtml 中填充双花括号

我必须渲染一个字符串 (item.tabs.review.content),它使用 $sce.trustAsHtml 解析为 HTML。

我遇到的主要问题是字符串中引用了项目对象(item.tabs.review.images)中的数组。

我遇到的问题是,一旦在浏览器中呈现 HTML,双花括号就会被忽略并且不会被对象填充?

添加了一个plunker。http://plnkr.co/edit/Jkrx3SxNjWmHPQnKbnFY?p=preview

0 投票
3 回答
35 浏览

javascript - 这个角码有什么问题?

这是我用来获取图像的代码:

但它不会获取图像。

它只获取文件路径,但不获取产品图像名称。

0 投票
2 回答
854 浏览

angularjs - 如何使用从工厂/控制器承诺返回的图像 url 更新角度 ng-src?

在我的应用程序中,我有一个控制器,它从一个视图中获取一个由 twitter 句柄组成的用户输入,并将其通过我的控制器传递到我的工厂,在那里它被发送到我的后端代码,在那里进行一些 API 调用,最终我想要获取返回的图像 url。

我能够从我的服务器取回图像 url,但我一直在努力尝试将其附加到另一个视图。我试过搞乱 $scope 和我在这里找到的其他不同建议,但我仍然无法让它工作。

我尝试做不同的事情来尝试将图片插入到 html 视图中。我试过注入 $scope 并玩弄它,但仍然没有骰子。我试图不使用 $scope,因为据我了解,最好不要滥用 $scope 而是在视图中使用this控制器别名 ( controllerAs)。

我可以验证我的控制器中返回的承诺是我想在我的视图中显示的 imageUrl,但我不知道我哪里出错了。

我的控制器代码:

这是我的工厂代码:

这是我的 app.js

这是我要附加返回的图像 url 的视图