javascript - Angular如何让html将作用域变量渲染为字符串

Question

假设我在 Controller hmmCtrl 中有以下行:

$rootScope.value = 1;
$scope.hmm = "{{$root.value}}"

在 html 中，如果我有:

<section ng-controller="hmmCtrl">
 {{hmm}}
</section>

当前显示:

{{$root.value}}

但我实际上想查看 $root.value 的值:

1

从长远来看，我计划将 $root.value 放入将由 hmmCtrl 解析的 json 文件中。

我怎样才能做到这一点？

Answer 1

所以你可以做的是，你可以在 Controller 内部编写一个可以返回插值表达式评估值的 Controller

代码

//inject `$interpolate` inside controller function before using it.
$scope.evaluateValue = function(expr){
   return $interpolate(expr)($scope);
}

标记

<section ng-controller="hmmCtrl">
  {{evaluateValue(hmm)}}
</section>

其他方式

<section ng-controller="hmmCtrl" ng-bind="evaluateValue(hmm)">
</section>

Demo Here