小编Joh*_*ohn的帖子

有条件地将查询字符串附加到 angular href

我正在 AngularJS v1.2.16 中构建一些链接,如下所示:

<a ng-href="/foo/{{id}}/t/{{list[m].id}}/{{id2}}/{{otherId}}">Click here!</a>
Run Code Online (Sandbox Code Playgroud)

这很好用。

现在我有一个查询参数query,如果它存在,我想附加到末尾。

我试着这样做:

<a ng-href="/foo/{{id}}/{{otherId}}{{ query ? '?q=' + query : "" }}">Click here!</a>
Run Code Online (Sandbox Code Playgroud)

我最终得到以下结果,因为 angular 只是将标签的全部内容渲染到链接中,如下所示:

<a href="/foo/2/4%7B%7B%7B%20query%20?%20%27?q=%27%20+%query%20:">Click here!</a>
Run Code Online (Sandbox Code Playgroud)

我怎样才能实现我想要做的事情?

javascript angularjs

5
推荐指数
1
解决办法
3812
查看次数

使用Angular模板生成可导出的HTML

当给定模板和要应用它的对象时,Angular是否有办法向我返回HTML字符串?

Angular有一个强大的模板引擎,我想利用它来生成HTML,可以从文本框(或类似文件)中复制出我的Web应用程序并粘贴到外部CMS中.

例:

输入对象

var friends = [
    {name:"Steve",age:32,favoriteFood:"Pizza"},
    {name:"Maria",age:28,favoriteFood:"Pasta"},
    {name:"Susan",age:30,favoriteFood:"Burritos"}
]
Run Code Online (Sandbox Code Playgroud)

模板

<h1>Friends</h1>
<ul>
<li ng-repeat="friend in friends">
    <div>
        {{friend.name}} is {{friend.age}} years old and likes to eat
        <strong>{{friend.favoriteFood | lowercase }}</strong>.
    </div>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

输出/可复制HTML

<h1>Friends</h1>
<ul>
<li ng-repeat="friend in friends">
    <div>
        Steve is 32 years old and likes to eat
        <strong>pizza</strong>.
    </div>
</li>
<li ng-repeat="friend in friends">
    <div>
        Maria is 28 years old and likes to eat
        <strong>pasta</strong>.
    </div>
</li>
<li ng-repeat="friend in friends">
    <div>
        Susan is …
Run Code Online (Sandbox Code Playgroud)

html javascript angularjs

4
推荐指数
1
解决办法
664
查看次数

如何在它自己的方法调用中引用jQuery对象?

我正在尝试这样做:

$('.summary').css('top',$(this).outerHeight());
Run Code Online (Sandbox Code Playgroud)

我引用'this'的地方我想引用jquery当前正在讨论的$('.summary')的实例,因为有多个,但是范围在这个实例中将'this'视为'this'.

在这种情况下,引用每个元素最简单的方法是什么?

我仔细查看了这个问题的答案,但不太清楚正确的措辞.如果这已经回答了,请告诉我,我可以复制一份.

谢谢!

javascript jquery scope

1
推荐指数
2
解决办法
90
查看次数

jquery .insertBefore()缺少文本

我开始使用JQuery,并且我已经构建了一个小的js函数,它在调用时向表单添加字段.

function newPoint(time){
    $('<br/>At '+ time + ' seconds, bring object <select><option>in</option><option>out</option></selection> at <select><option>regular</option><option>slow</option><option>fast</option></selection> speed.<br/>').insertBefore('#submitBtn');    
}
Run Code Online (Sandbox Code Playgroud)

这是html ...

<div id="rightSide">
<form> <input id="submitBtn" type="submit" value="Go"></form>
</div>
Run Code Online (Sandbox Code Playgroud)

当函数运行时,插入工作但下拉和最后一个单词'speed'之间的单词'at'不会被插入.

替代文字

为什么是这样?我想我误解了jquery或js工作方式的关键.(我只是把脚弄湿了.)如果是这样的话,你能指出我正确的理解方向,而不仅仅是帮我解决这个问题吗?

谢谢!

编辑:使用固定的(愚蠢的手指),弹出另一个问题...

当我在插入开头删除换行符时,我将文本丢失到第一个下拉框.有什么想法吗?

javascript ajax jquery

0
推荐指数
1
解决办法
272
查看次数

标签 统计

javascript ×4

angularjs ×2

jquery ×2

ajax ×1

html ×1

scope ×1