Javascript ng样式不适用于嵌套对象？

这就是我的代码的样子

<md-button ng-style="connectivityColorFor({{ connection.org }})">{{  connection.skyhigh.api  }}</md-button>

但当我这么做的时候

<md-button ng-style="connectivityColorFor({{ connection.org.api }})">{{  connection.skyhigh.api  }}</md-button>

在

JS

上，我的代码是

  $scope.connectivityColorFor = function(connectivity) {
    console.log('connectivity:' + JSON.stringify(connectivity));
    return {"background-color": connectivityTypes[connectivity]}
  }
  var connectivityTypes = {
    'connected': '#8BC34A',
    'not_configured': '#EF6C00',
    'not_connected': '#EF5350'
  }

---

这里出了什么问题？

不需要插入参数，

ngStyle

指令

$eval

-将整个表达式与范围相对应。你应该简单地使用

<md-button ng-style="connectivityColorFor(connection.org.api)"></md-button>

---

是一个有效的简化示例。

不需要插入参数，

ngStyle

指令

$eval

-s将整个表达式与范围相对应。你应该简单地使用

<md-button ng-style="connectivityColorFor(connection.org.api)"></md-button>

---

是一个有效的简化示例。

Contectivity是一个对象，因此如果您编写

connectivityTypes[connectivity]

你会得到未定义的。 您必须使用

连接。someProperty

如：

    return {"background-color": connectivityTypes[connectivity.api]}

---

Contectivity是一个对象，因此如果您编写

connectivityTypes[connectivity]

你会得到未定义的。 您必须使用

连接。someProperty

如：

    return {"background-color": connectivityTypes[connectivity.api]}

---

你的连接对象看起来怎么样？你的连接对象看起来怎么样？