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

angularjs - ng-click 不适用于对象上的 $interpolate

我有一个模板:

我用我的对象编译它:

我将 angularTemplate 添加到我的弹出窗口中。弹出窗口显示正确的 div 说“你好!!!” ...但是当我点击它时没有任何反应,

我还尝试用我的作用域再次插入它并将函数放在作用域中,但它也不起作用。

JS FIDDLE(无)我正在尝试的工作演示

然后将“已编译”\“插值”html 传输到 jquery 库以将 html 显示为弹出窗口。

请帮忙。


在你们问我为什么我什至使用插值之后,我会展示我拥有的另一种方式,也许有一种更简单的方法来解决我的问题:

JSFIDDLE2 - 这是一个更接近实际问题的示例

0 投票
2 回答
121 浏览

angularjs - angularjs - 如何使用内部 $interpolated 表达式评估值

我正在寻找有关如何执行以下操作的建议:

我有一个“翻译”服务,可以将键转换为字符串(用于本地化)。指令“本地”调用它。它看起来像这样:

这会在翻译数据中查找“键”并返回其值,然后将其自身替换为该值。所以也许键“用户名”返回值“用户名:”以包含在页面中。

问题:我想支持带有“值”的字符串,例如键“minLength”具有字符串值“最小长度为 {0} 个字符”。我想要以下内容:

<local>当评估标签时(在其链接阶段)尚未设置 $scope.policy 的值时,我遇到了一个问题。

我假设因为我用一个值替换了“本地”标签,所以当 $scope.policy.minLength 实际上有一个值时,实际的标签不会被再次评估。

有人可以告诉我如何做到这一点吗?我已经在 $interpolate 上查找了一些东西,但我认为<local>标签是 replace:true 的事实让我很生气。任何想法如何解决它?

0 投票
2 回答
4215 浏览

javascript - 是否可以在 AngularJS 表达式中设置默认值?

<a>我有一个封装在标签中的 AngularJS 表达式。该表达式正在评估一个allow变量。

如果allownullundefinedAngular 什么都不会显示。相反,我想显示一个默认字符串。


为了让您更好地理解,这就是我想要实现的目标。

在此处输入图像描述

右侧的模态是从左侧的表单生成的。如果用户没有为“允许按钮文本”和“禁止按钮文本”输入任何文本,我想分别显示ALLOWDON'T ALLOW

这是我的代码:

0 投票
1 回答
643 浏览

angularjs - 使用拦截器 cookie/服务器会话维护会话

首先,如果这个问题没有意义,请道歉。我正在为我的平均堆栈应用程序开发会话管理代码。从最近几天开始,我发现了很多方法来实现它,它们使用 cookie、会话或 http - 标头。我试图实施,但没有成功。

我成功地将拦截器与我的代码链接起来。代码正在监听每个请求/请求。

这是一些代码:

应用程序.js

拦截器代码

我将非常感谢您的时间和帮助。

0 投票
0 回答
221 浏览

angularjs - 想在一个应用程序中使用多个 ng-app

我正在开发一个应用程序,其中定义和使用了多个 ng-app。最初,不同页面上的 ng-app 并不冲突,因为所有页面都是独立的,但现在我必须包含一个标题,并且标题定义了自己的 ng-app。

我正在使用两种不同的方法来避免标题应用程序与其他页面应用程序发生冲突。

第一种方法:在每个页面上手动引导应用程序:

或者

第二种方法:

其中 rootApp 是在 body 标记中定义的应用程序,其中将包含整个应用程序。headerApp 是在每个页面的标题上定义的应用程序,contactApp 是一个自定义 html 页面的应用程序。

第一种方法错误:

错误:[$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=headerApp&p1=%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs。 org%2F1.4.8%2F%24injector%2Fmodulerr%3Fp0

第一种方法的 OR 部分出错:

错误:[ng:btstrpd] http://errors.angularjs.org/1.4.8/ng/btstrpd?p0=%26lt%3Bsection%20id%3D%22topNavigation%22%20class%3D%22top-navigation%20ng-范围%22%20ng-app%3D%22headerApp%22%26gt%3B

...fe?JSON.stringify(e):e;d+=c(e)}返回错误(d)}}函数 za(a){if(null==a||Xa(a...

即应用程序已经引导。

第二种方法问题: 没有错误,但是当我尝试在包含在标题中的我的一个应用程序中使用 interpolate 提供时,即它将使用以下代码包含在整个应用程序中:

在我看来,我没有使用 {$ first_name $} 打印任何内容。最终我的应用程序行为不端。我已经在不同的帖子SO 问题中发布了这个问题, 任何人都可以指导我究竟需要遵循什么来纠正我的应用程序在现有架构中的行为。我想只有角度专家才能在这里很好地指导我。

如果需要更多详细信息,请告诉我。

更新

手动引导应用程序时遇到以下错误:

错误:[ng:btstrpd]

因为我在 html 中使用了 ng-app。当手动引导应用程序时,不需要 ng-app。

0 投票
1 回答
204 浏览

angularjs - 如何在 django 模板中使用角度表达式 - href url

我的 django 模板中有以下代码:

这里 150 是 value.id,当我使用插值提供程序时,我将作为 {$value.id$} 访问它。

但我不能写这样的东西:

因为它对模板有效。

我坚持如何使用角度表达式在模板中创建 URL。任何建议或帮助将不胜感激。

0 投票
2 回答
237 浏览

javascript - 控制器函数在用作插值时被调用两次

我有一个非常简单的应用程序,我试图在其中调用我的控制器的功能,如下所示

我就是这样称呼它的

我面临的问题是我的函数被调用了两次。

阅读关于 SO 的许多帖子,其中此问题背后的原因主要与您的应用程序配置或路由配置有关,如果您错误地为不同的视图配置了相同的控制器,或者您的应用程序被初始化两次,那么您将面临这个问题。

但就我而言,我没有任何此类案例,但我仍然面临这个问题。

0 投票
1 回答
1164 浏览

angular - Angular2插值不会在更改时更新

在此模板中:

我正在通过一个自定义管道对范围滑块的数字输出进行插值,该管道应该将数值转换为人类可读的字符串:

有了这个管道,我只得到了初始值的正确输出vehicle.condition。一旦我更新模型(通过拖动滑块),插值就会消失。从插值表达式中删除管道按预期工作,我看到数值随着变化而更新。

如果我把它switch放在类方法或组件方法中,我会得到相同的结果:

产生:

动画详细说明意外的插值行为

使用此 switch 语句处理时,为什么插值不更新?

0 投票
4 回答
1848 浏览

angularjs - 如何在 ng-click angular 上使用动态变量?

好吧,我不知道如何在ng-click属性上使用“动态”变量。在这种情况下,我想从参考ng-click ng-if等中更新变量。

我的想法是从参考中更新变量,并且没有创建函数来更新它。

控制器:

看法:

所以,我不想使用这种方法:

控制器:

html:

谢谢!

0 投票
1 回答
561 浏览

angularjs - $interpolate 来自 ng-repeat 创建范围的值

跟进这个问题:AngularJS data bind in ng-bind-html?

如果我要插入的值附加到 ng-repeat 创建的范围怎么办?

进而

没有自定义指令可以做这样的事情吗?