AngularJS 中的条件 ng-model 绑定

2024-02-12

我有一个模型,它是一个需要处理复杂和简单元素的数组:

{
    "object" :[
               "element1.html",
               "element2.html",
               {
                   "url:"element3.html",
                   "title" : "Title 3"
               },
               "element4.html",
               "element5.html"
            ]
}

有没有某种方法可以进行选择,可以处理 angularjs 中的简单和复杂元素(显示复杂的 url)?

方法一

我的意思是这样的:

ng-model="(object[$index].url ? object[$index].url : object[$index])"

方法2

创建一个规范化对象,该对象将具有每个对象的复杂结构,其中包含空数组和指示是简单还是复杂的文件类型。

我可以用 Angular 做一些魔法来避免第二种方法吗?

Thanks!


你可以使用ngSwitch or ngIf然后放置正确的元素。

以 ngIf 为例:

<input ngIf="object[$index].url" ngModel="object[$index].url">
<input ngIf="!object[$index].url" ngModel="object[$index]">

如果不满足条件,Angular 将完全删除 dom 元素,直到满足条件。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS 中的条件 ng-model 绑定 的相关文章

随机推荐