问题标签 [angularjs-ng-href]

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 投票
2 回答
175 浏览

javascript - 在 ngrepeat 中创建动态 - 每个 href 值都是相同的

我对 angular/js 比较陌生。我正在使用 ng-repeat 重复来自网络服务的结果(作为列表项)。我必须使用 json 结果中的一些字段来创建一个动态 URL,以便在我的网页上为每个 ng-repeat 项目使用。除了我的自定义 URL 之外,一切都很好地重复。

旁注,我也在做分页 - 每页有 5 个列表项。这工作正常。

控制器片段:

网络服务/json 片段:

翡翠片段:

我的 console.log 为每个结果返回正确的 URL。该网页创建了员工链接,但是,每个结果项的 href 值最终都是http://test.com/750,40 - 从最后一个结果。

我试过 ng-click 并将 URL 放入一个函数中。我也尝试过 href 和 ng-href ,但没有任何运气。我没有正确绑定它还是我的循环把事情搞砸了?

任何帮助将非常感激!

0 投票
4 回答
8991 浏览

html - 在 Angular 中显示包含 HTML 标签的字符串

我在 SO 中检查了答案,但找不到令人满意的答案。所以在这里我问:

我有一个字符串如下

我需要将其呈现为字符串(用于文本部分)和 HTML(用于 HTML 部分)。

我如何在AngularJs中实现这一点?我尝试过,$compile但它对我不起作用,它在页面上输出看似缩小的代码块。

0 投票
2 回答
218 浏览

angularjs - 如何在 AngularJS 中使用 ng-href 或 ng-click in new window 打开大数据

有人可以帮我把 DATA 值放到新窗口。

我想用 DATA 名称作为超链接制作 td 单元格。如果我单击该 DATA 它应该打开新窗口以显示该值。

演示

JSON数据

目前我正在使用{{list.DATA}}显示单元格中的数据,但我想创建超链接,一旦用户单击该链接,它应该打开新窗口来显示数据。因为我的 DATA 值大约是 1000 行。有人可以帮助我解决这个问题。

有没有办法我可以解码 UTF-8 中的数据值,因为数据值是用 UTF-8 编码的

提前致谢。

0 投票
1 回答
395 浏览

angularjs - 使用 ng-href 作为过滤函数

无论如何传递一个字符串ng-href并获得与该指令的值相同的结果?

例如 {{ url | ng-href }}

这样过滤器或管道会清理任何值并符合正确的 url 方案。

0 投票
0 回答
59 浏览

iphone - 移动设备上的 ng-click 和 ngRouting

我对 Angularjs 完全陌生,并且已经很久没有编写任何代码了。我开始使用 Angularjs 再次设置我的网站。我有一个主页和一个关于页面,用户通过 ngRoute 在 ng-click(或点击空格)上获得。一旦进入关于页面,用户可以通过单击页面上的某处等来返回。

应用程序.js

HTML

about 页面的代码被写入脚本,并且具有超链接 (ng-href)。现在我的问题:如您所见,我将主体部分的 ng-click 更改为 ng-mobile-click。如果我还在脚本中为超链接更改它,则会发生一些我无法真正弄清楚的奇怪事情(链接更改为悬停颜色,但仍然没有重定向到 ng-href。

对于桌面版,点击触发ngRoute,但我也可以点击链接。对于移动版本,这不再可能。有什么想法可以解决这个问题吗?我知道,不可能悬停,但不知何故,我还需要在移动设备上检测超链接,而无需重定向到主页。

正如我所说:这是我第一次尝试使用 Angularjs,我有一段时间没有编写任何代码,请尽可能清楚!

还有另一个我没有放在这里的 Teaser/about 控制器,以及 keyup 的指令。

有什么想法或建议吗?非常感谢您!

0 投票
1 回答
223 浏览

angularjs - 无法更改 ng-href onClick 事件

button我的应用程序中有一个带有 a 的页脚angular。按钮有一个ng-href属性,该属性应在ng-click事件期间更改以影响路由机制。出于某种原因,我无法完成这项工作。最终目标是附加数字,每个按钮单击 1 到 5 个。

页脚是component

页脚 HTML:

路由JS部分:

编辑:现在url并没有完全改变。这意味着它没有questionIndex. 它看起来像这样:

0 投票
1 回答
1010 浏览

javascript - ng-href="#/myanchor" 不再像往常一样使用 angularjs 1.6.1

我曾经使用 angularjs 1.5.8。出于专业原因,我需要迁移到 1.6.1 版本,并且需要使用 ng-href 转到我配置的锚点。

所以当我写我的代码时:

在我的浏览器中,当我单击“链接”时,地址栏中有:

  • 使用 angularjs 1.5.8,我得到了这个:

    mywebsite/#/rubric/AOO这正是我想要的

  • 使用 angularjs 1.6.1,我得到了这个:

    mywebsite/#!#%rubric%2FAOO这不是我想要的

请问,问题出在哪里?我哪里错了?

0 投票
2 回答
4373 浏览

javascript - 角 ng-href 不起作用

我正在使用 Chrome 并设置了节点服务器,该服务器正在侦听端口 8080 并提供所有列出的文件。Angular app.js 假设显示StuffView.html(简单文本)的内容。

索引.html:

应用程序.js:

StuffView.html:

{{hello}}来自 stuffController :

当我单击链接时,浏览器中的地址更改为http://localhost:8080/#!#%2Fstuff并且没有显示任何内容。控制台中没有错误。我错过了什么?

0 投票
0 回答
62 浏览

html - 从范围读取的角度 ng-href 不起作用

这是我的可下载链接:download.xxxxxx.com/yyyyy.json

出于公司政策原因,我使用 xxxxxx 和 yyyyy 来说明域和 json 文件名。但我已经测试过了,这是一个可下载的链接。

HTML

控制器

这里的问题是 ng-href 根本不起作用。当我单击按钮时,什么也没有发生。

0 投票
3 回答
5672 浏览

javascript - AngularJS - 根据当前路径更改 href 属性

如何根据当前路径更改 href-Attribute 的值?

我在 AngularJS 中的 if 子句如下所示:

我的 HTML 如下所示: