javascript - 无法在angularjs中使用ngstyle动态创建边框

Question

我已经在元素上应用了这个条件，但它没有显示任何边框，在解析 html 时也没有显示任何错误:

<h1 ng-style="'{border:' + f()+'px' + 'solid red'+'}'">{{a}}</h1>

这是来 self 的 Controller 的代码:

$scope.a = "dynamic border";
$scope.f = function() {
  return 1;
};

Answer 1

您的代码大部分是正确的，只有 '.请尝试以下操作。

<h1 ng-style="{'border': f() + 'px solid red'}">{{a}}</h1>

Demo