angularjs - 数据绑定(bind)中的双重间接。在模板中插入字符串

Question

我正在尝试解决指令链接函数中的双重绑定(bind)问题:

scope.a = "surprise";
scope.b = "{{ a }}";

模板是<div>{{ b }}</div>

它呈现为 <div>{{ a }}</div>

是否有可能让 View 显示<div>surprise</div> ？我一直在尝试重新编译该指令，但一次 b已绑定(bind)，内容是一个字符串，angularJS 将不再尝试绑定(bind)它们。

Answer 1

一种方法是对函数进行插值而不是直接对值进行插值

  function test($scope) {
              $scope.a = "surprise";
              $scope.b = function () {
                  return $scope.a;
              };

          }

 <div>{{ b() }}</div>