Html 如何在单个div中为多个条件使用ng if条件

我有一个select下拉列表，div来自循环。在这里，当我将下拉选项更改为city时，我的div id应该更改为1，2，3，这来自json的details列。同样，当我将下拉选项更改为state时，我的div id应该更改为title1，title2 title3来自json的title列。在这里它工作正常，但我正在为每个条件创建新的div，是否可以在一个div中创建多个条件。下面是代码

HTML

---

要在单元素中实现这一点，可以使用嵌套的三元运算符。对于您的情况，它将如下所示：

<div ng-repeat="emp in groups" ng-attr-id="{{id=='city' ? emp.details :  id=='state' ? emp.title : emp.name}}" >hello</div>

你好

---

我没有在angular 1上实现这个，但它在angular 2上工作。Angular内置指令（ngif、ngfor ngclass等）在两个版本中的工作原理几乎相同。

对于信号元素，可以使用嵌套的三元运算符。对于您的情况，它将如下所示：

<div ng-repeat="emp in groups" ng-attr-id="{{id=='city' ? emp.details :  id=='state' ? emp.title : emp.name}}" >hello</div>

你好

---

我没有在angular 1上实现这个，但它在angular 2上工作。Angular内置指令（ngif、ngfor ngclass等）对两个版本的效果几乎相同。

要达到预期效果，请尝试：

为每个值（城市、州和国家）创建一个属性，如下所示：

   if($scope.x == 'city'){  
      $scope.id='city';  
      $scope.attr = 'details';  
   }

使用

{{emp[attr]}

根据下拉选择显示值：

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.groups=[{
标题：“标题1”，
名称：'name1'，
详情：“一”
},
{
标题：“标题2”，
名称：'name2'，
详情：‘二’
},
{
标题：“标题3”，
名称：'name2'，
详情:"三"
}
]
$scope.update=函数（）{
如果（$scope.x=='city'）{
$scope.id='city'；
$scope.attr='details'；
}
如果（$scope.x=='state'）{
$scope.id='state'；
$scope.attr='title'；
}
如果（$scope.x=='country'）{
$scope.id='country'；
$scope.attr='name'；
}
}
});

城市
州
国家
{{emp[attr]}
要达到预期效果，请尝试：

为每个值（城市、州和国家）创建一个属性，如下所示：

   if($scope.x == 'city'){  
      $scope.id='city';  
      $scope.attr = 'details';  
   }


使用
{{emp[attr]}
根据下拉选择显示值：


var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.groups=[{
标题：“标题1”，
名称：'name1'，
详情：“一”
},
{
标题：“标题2”，
名称：'name2'，
详情：‘二’
},
{
标题：“标题3”，
名称：'name2'，
详情:"三"
}
]
$scope.update=函数（）{
如果（$scope.x=='city'）{
$scope.id='city'；
$scope.attr='details'；
}
如果（$scope.x=='state'）{
$scope.id='state'；
$scope.attr='title'；
}
如果（$scope.x=='country'）{
$scope.id='country'；
$scope.attr='name'；
}
}
});

城市
州
国家
{{emp[attr]}