在AngularJs中插入HTML部分ID

Question

如何使用AngularJs根据某些条件设置html节ID？ 我试过了"<section ng-attr-id="{'blue' : character.name=='John', 'pink' : character.name=='Jenny'}">，但它没有用。

Answer 1

您在ng-attr-id中使用的语法不正确。定义一些带有名称的函数，并在控制器中返回id并在$scope上公开它，例如

$scope.getIdForName = function (name) {
  if (name == 'John') {
    return 'blue';
  else if (name == 'Jenny') {
    return 'pink';
  }
}

然后，您可以在模板中执行以下操作：

<section ng-attr-id="{{getIdForName(character.name)}}">