Javascript 如何允许用户将角度范围变量插入文本框_Javascript_Angularjs

Javascript 如何允许用户将角度范围变量插入文本框

javascript angularjs

Javascript 如何允许用户将角度范围变量插入文本框,javascript,angularjs,Javascript,Angularjs,我有这样一个文本区： <textarea ng-model="content"></textarea> {{content}} $scope.name = 'Billy' 我想让用户能够将变量插入文本区域，这样，如果他们将： Hello {{name}} {{content}的输出可以是Hello Billy 我可能还想简化它，以便用户可以在文本区域中键入类似的内容：Hello[Name]，然后它以相同的方式进行解析。如果我答对了问题，请尝试使用。如果我答对了问题，

我有这样一个文本区：

<textarea ng-model="content"></textarea>
{{content}}

$scope.name = 'Billy'

我想让用户能够将变量插入文本区域，这样，如果他们将：

Hello {{name}}

{{content}

的输出可以是

Hello Billy

我可能还想简化它，以便用户可以在文本区域中键入类似的内容：

Hello[Name]

，然后它以相同的方式进行解析。

如果我答对了问题，请尝试使用。

这里有一个提示。

最好是将其写入指令中。但是这里又快又脏

app = angular.module('plunkr', []);

app.controller('messages', function($scope, $interpolate){
  $scope.name = 'billy';
  $scope.evalText = function(msg){
    console.log(msg)
    $scope.message = $interpolate(msg)($scope)
  }

});

这是一只扑克牌。

最好是将其写入指令中。但是这里又快又脏

app = angular.module('plunkr', []);

app.controller('messages', function($scope, $interpolate){
  $scope.name = 'billy';
  $scope.evalText = function(msg){
    console.log(msg)
    $scope.message = $interpolate(msg)($scope)
  }

});

这是切中要害。但是如果有人想在全球范围内使用它，他们可以扩展它来创建一个过滤器，如下所示

<html ng-app="nameApp">
  <head>
  </head>
  <body ng-controller="NameCtrl">
      <textarea ng-init="content='Name is {{name}}'" ng-model="content"></textarea>
       {{content | compile:this}}
  </body>
</html>

现场演示：

这是切中要害。但是如果有人想在全球范围内使用它，他们可以扩展它来创建一个过滤器，如下所示

<html ng-app="nameApp">
  <head>
  </head>
  <body ng-controller="NameCtrl">
      <textarea ng-init="content='Name is {{name}}'" ng-model="content"></textarea>
       {{content | compile:this}}
  </body>
</html>

现场演示：

效果惊人！谢谢，太棒了！谢谢