我正在 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)
我怎样才能实现我想要做的事情?
当给定模板和要应用它的对象时,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) 我正在尝试这样做:
$('.summary').css('top',$(this).outerHeight());
Run Code Online (Sandbox Code Playgroud)
我引用'this'的地方我想引用jquery当前正在讨论的$('.summary')的实例,因为有多个,但是范围在这个实例中将'this'视为'this'.
在这种情况下,引用每个元素最简单的方法是什么?
我仔细查看了这个问题的答案,但不太清楚正确的措辞.如果这已经回答了,请告诉我,我可以复制一份.
谢谢!
我开始使用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工作方式的关键.(我只是把脚弄湿了.)如果是这样的话,你能指出我正确的理解方向,而不仅仅是帮我解决这个问题吗?
谢谢!
编辑:使用固定的(愚蠢的手指),弹出另一个问题...
当我在插入开头删除换行符时,我将文本丢失到第一个下拉框.有什么想法吗?