Angularjs:字符串变量中的Html值

Angularjs: Html value from string variable

本文关键字:Html 变量 字符串 Angularjs      更新时间:2023-09-26

我有一个应用程序,其中html元素的值作为模板来自服务器。我试图分配这个模板,它基本上是一个字符串,并将模板中的变量绑定到控制器,但angular不绑定变量。

为了更清楚,我有一个类似的文本区域

  <textarea class="someclass" placeholder="${fbPostData.name}"
            ng-model="fbPostMessage">
  </textarea>

在我的控制器中,我将fbPostMessage分配为:

$scope.fbPostMessage = "Join {{userFirstName}}. Subscribe today to have fun!"

在我看来,经过这些步骤后,我没有看到变量被它们的值替换,userFirstName也没有被它的值替换。

我试过$compile,但它出错了。它可能需要html标记。我怎样才能实现我想要的?

在显示之前使用interpole来编译,而不是编译。

$scope.userFirstName = "Hello";
$scope.fbPostData={
   name : "Placeholder"
}
$scope.fbPostMessage = $interpolate("Join {{userFirstName}}. Subscribe  today to have fun!")($scope)

试试这个例子

http://plnkr.co/edit/uqpe32Gy0IfxWGLoPdLX?p=preview