我使用Angular.js作为一个应用程序,它使用隐藏的trs来模拟滑出效果,方法是显示tr并向下滑动下面td中的div.当迭代这些行的数组时,这个过程使用knockout.js非常有效,因为我可以使用<!-- ko:foreach -->两个tr元素.
对于angular,ng-repeat必须应用于html元素,这意味着我似乎无法使用标准方法重复这些双行.我对此的第一个回应是创建一个表示这些双trs的指令,但由于指令模板必须有一个根元素,但我有两个(<tr></tr><tr></tr>).
如果有任何有ng-repeat和angular经验的人已经破解了这个可以解释如何解决这个问题,我将非常感激.
(我还应该注意,附加ng-repeat到tbody是一个选项,但这会产生多个tbodys,我认为这是标准HTML的不良形式,但如果我错了,请纠正我)
我有一个问题,我需要重复以下..作为一个群体
<tr></tr>
<tr></tr>
我不能用DIV将它们包围在那里,因为它对于TR是无效的
<div ng-repeat="item in items">
<tr></tr>
<tr></tr>
</div>
所以我目前已经实施了以下内容
<tr ng-repeat.....></tr>
<tr ng-repeat.....></tr>
但问题是这有6个项目的集合,所以第一个TR渲染6次,然后6次渲染下一个...
我正试图绕过这个但是我无法弄明白.
如果有某种Div标签用于ng-repeat但是没有向DOM渲染元素会很好吗？
编辑这是跨多个元素的类似(或重复)的 Angular.js ng-repeat
-
我有一个表,其行通过ng-repeat生成:
<tr ng-repeat="(key, value) in rows">
<td>{{a}}</td>
<td>{{b}}</td>
</tr>
出于各种原因,我真的更喜欢将它保存在<table>标签中,而不是几个内联块.
如何在每行下方添加另一行,例如伪代码
[ somehow-repeat ng-repeat="(key, value) in rows"]
<tr class="1">
<td>{{a}}</td>
<td>{{b}}</td>
</tr>
<tr class="1">
<td colspan="2">
</tr>
[ /somehow-repeat ]
据我所知(值得检查)我无法将TR包装在另一个元素中.只是chekced :(表格没有显示我是否"somehow-repeat"元素是或
所以 - 有没有办法添加新行尽管在ng-repeat中？
我对angular.js很新,并且在看似简单的任务时遇到了一些麻烦.
我需要从网站上的json文件中获取json,然后将键(英语,西班牙语等)放在我的html文件中的标签标签内,然后加载它们对应的值(0,1,3,2,1) )进入html范围输入.
json文件包含:
[{"english":0,"spanish":1,"german":3,"russian":2,"korean":1}]
加载json后生成的html应如下所示:
<form>
<label>English</label>
<input type="range" min="0" max="4" value="ENGLISH_VALUE_RETRIEVED_FROM_JSON_FILE" >
<label>Spanish</label>
<input type="range" min="0" max="4" value="SPANISH_VALUE_RETRIEVED_FROM_JSON_FILE" >
<label>German</label>
<input type="range" min="0" max="4" value="GERMAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
<label>Russian</label>
<input type="range" min="0" max="4" value="RUSSIAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
<label>Korean</label>
<input type="range" min="0" max="4" value="KOREAN_VALUE_RETRIEVED_FROM_JSON_FILE" >
<input type="submit" text="Save">
</form>
最后,我想在表单上点击"保存",并在线上更新json文件中相应键的值.
构建此示例所需的所有文件(使用MVC)是什么？如果您的答案涉及任何代码,请您明确说明要将代码添加到哪个文件？
提前致谢!