MrN*_*New 10 javascript jquery angularjs
是否有可能有类似的概念ngFor或ng-repeatjQuery中或香草JS？
想做类似的事情，但不是以有角度的方式。
<div *ngFor="let inputSearch of searchBoxCount" class="col-sm-12">
<textarea name="{{inputSearch.name}}" id="{{inputSearch.name}}" rows="2" class="search-area-txt" attr.placeholder="{{placeholder}} {{inputSearch.name}}">
</textarea>
</div>
也许与data=""属性一起使用，以有意义的为准。
如果你想要它，javascript你必须在循环中动态创建元素。angular 中的 *ngFor 和 ngRepeat 是包含模板绑定的指令，我们在 javascript 或 jquery 中都没有。一旦指令遇到 angular 尝试渲染相应的模板，直到循环结束。无论如何，通过javascript我们可以这样做。如果您想将 6 附加divs到相应的body元素id，您必须执行以下操作。
var array = ['first', 'second', 'third', .......so on];
for(var i=0; i<array.length; i++){
var elem = document.createElement("div");
elem.setAttribute('id', array[i]);
document.body.appendchild(elem);
}
我们不能像在 angular 中那样做。
const anArray = [
{ tittle: "One", body: "Example 1" },
{ tittle: "Two", body: "Example 2" }
]
function ngForFunctionality() {
let value = '';
anArray.forEach((post) => {
value += `<li>${post.tittle} - ${post.body}</li>`;
});
document.body.innerHTML = value;
};
ngForFunctionality();<body></body>| 归档时间： |
|
| 查看次数： |
6151 次 |
| 最近记录： |