应用错误收集

当角度js的输入改变时，如何从<div>标签获取值？

时间：2016-10-20 18:02:27

标签： angularjs

我使用WMD库创建编辑器。当我将数据输入text area时，我的preview会更改数据，例如输入中的预览内容。

我的问题：我可以从div preview的内容中获取内容吗？那怎么做？

<textarea id="wmd-input" ng-model="params.content" class="wmd-panel"></textarea>
<div id="wmd-preview" class="wmd-preview" ></div>

2 个答案:

答案 0 :(得分：0)

您可以使用 angular.element 委托给Angular的内置jQuery子集，

 $scope.content= angular.element(document.querySelector('#wmd-preview'));
 alert($scope.content);

答案 1 :(得分：0)

您可以使用$scope HTML元素中的ng-bind-html-unsafe，使用code输出textarea值。它确实像这样工作 - ＆gt; Fiddle：

视图

<div ng-controller="MyCtrl">
  <textarea id="wmd-input" ng-model="params.content" class="wmd-panel"></textarea>
  <div id="wmd-preview" class="wmd-preview">
    <pre>
      <code ng-bind="params.content"></code>
    </pre>
  </div>
</div>

App＆amp;控制器

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
  $scope.params = {
    content: "<h1>Hello World</h1>"
  }
}

输出

>   <html>
>       <head></head>
>       <body>
>             <h1>Hello World</h1>
>       <body>
>   </html>