首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当输入改变角度js时,如何从<div>标签中得到值?

当输入改变角度js时,如何从<div>标签中得到值?
EN

Stack Overflow用户
提问于 2016-10-20 18:02:27
回答 2查看 1K关注 0票数 1

我正在使用大规模杀伤性武器库来创建一个编辑器。当我将数据输入到text area中时,preview会更改输入中的预览内容等数据。

我的问题是:可以从div preview的内容中获取内容吗?.How可以这样做吗?

代码语言:javascript
复制
<textarea id="wmd-input" ng-model="params.content" class="wmd-panel"></textarea>
<div id="wmd-preview" class="wmd-preview" ></div>
EN

回答 2

Stack Overflow用户

发布于 2016-10-20 18:10:51

您可以使用angular.element委托对jQuery的内置子集执行此操作,

代码语言:javascript
复制
 $scope.content= angular.element(document.querySelector('#wmd-preview'));
 alert($scope.content);
票数 0
EN

Stack Overflow用户

发布于 2016-10-20 18:27:51

您可以在$scope元素中使用ng-bind-html-unsafe输出textarea值。它确实像在-> 小提琴中一样工作。

视图

代码语言:javascript
复制
<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 &控制器

代码语言:javascript
复制
var myApp = angular.module('myApp',[]);

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

输出

代码语言:javascript
复制
>   <html>
>       <head></head>
>       <body>
>             <h1>Hello World</h1>
>       <body>
>   </html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40161454

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档