Невозможно создать границу с помощью ngstyle в angularjs

Question

Я применил это условие к элементу, но он не отображает никаких границ и не показывает никаких ошибок при разборе html:

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

Вот код моего контроллера:

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

Answer 1

Ваш код в основном правильный, только небольшие проблемы с размещением '. Попробуйте следующее, пожалуйста.

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

Демо