Angularjs:来自字符串变量的Html值

时间:2015-02-10 04:59:58

标签: javascript html angularjs

我有一个应用程序,其中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标签。我怎样才能实现我的目标?

1 个答案:

答案 0 :(得分:3)

而不是编译使用插值来编译你的显示之前。

$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