javascript - 如何根据URL的结果在我的angular 7网站上更改css元素？

我有一些sonoff tasmotas，我正在为他们制作一个网络控制面板。如果我转到http://sonoff/cmnd?cmnd=Power（或类似的内容），它将以{“power”：“on”}或{“power”：“off”}响应。如何根据此响应更改应用于html对象的css类。我还需要它改变时，我手动按下按钮上的索诺夫没有重新加载的网页。
任何帮助都将不胜感激
我完全不懂，我用ng new PrinterPanel --routing做了一个新的项目，而且没有太多改变结构。

最佳答案

我猜对url的调用是由控制器/服务发出的。
如果是这种情况，您可能在单击和其他事件上调用了一些函数，那么类似这样的操作可能对您有用：

<span ng-class="styleFunction('Power')">some text</span>

在控制器中：

$scope.styleFunction = function(param){

$http.get(http://sonoff/cmnd?cmnd=" + param)
  .then(function(response) {
    if (response[param] === 'on')
        return "ClassOn";
    else
        return "ClassOff";
  });
  }
}