浅谈angularjs绑定富文本出现的小问题

富文本编辑器上传的文本和图片以及样式，一般都会以html代码的形式上传到服务器，当再次从服务器请求这些数据，回显到页面的时候，用jq绑定数据或者el表达式一般情况下都是没问题的，当使用angular前端架构绑定数据的时候，有时会出现把所有标签都带懂了前台页面。

解决方法很简单如果用的是ng-bind="any"或者是{{any}}的话，只需要把绑定方式替换成ng-bind-html="any"，这样绑定的数据就会以html的形式解析在页面上，完美解决上述问题。

时间： 2024-10-09 12:17:41

浅谈angularjs绑定富文本出现的小问题的相关文章

AngularJS集成富文本编辑器

最近在Angular中需要集成富文本编辑器,本来已经集成好百度的UEditor,后台觉得配置太多,让我弄个别的,然后就找到了wangEditor,这个配置和上手都要简单一些,下面来看看具体操作步骤吧: 首先大家可以在https://github.com/wangfupeng1988/wangEditor或者官网http://www.wangeditor.com/ 进行下载,里面文档内容也很容易理解,可以自行配置.下载后解压,我们需要用到的主要是wangEditor.js或者 wangEditor

浅谈AngularJs双向绑定

双向绑定的三个重要方法: $scope.$apply() $scope.$digest() $scope.$watch() 一.$scope.$watch() $watch作用就是在$scope上添加一个监听器,当监听的数据发生变化的时候,监听器就会收到提示,并执行某些操作.当给$watch指定如下两个函数,就可以创建一个监听器: 一个表达式,用于指定所关注的那部分数据,比如说“user.firstName”. 一个监听函数,用于在数据变更的时候接受提示. 为了实现$watch,我们需要存储监听

浅谈AngularJS中的指令和指令间的相互通信

说到AngularJS,我们首先想到的大概也就是双向数据绑定和指令系统了,这两者也是AngularJS中最为吸引人的地方.双向数据绑定呢,感觉没什么好说的,那么今天我们就来简单的讨论下AngularJS这个框架的指令系统. 指令作为AngularJS中最为重要的部分,所以这个框架本身也是自带了比较多的的指令,但是在开发中,这些指令通常不能满足我们的需要,所以我们也是需要自定义一些指令的.那么一个AngularJS指令在HTML代码中可以有四种表现形式: 1.作为一个新的HTML元素来使用. <h

浅谈angularJs中的$watch的用法

大家都是到angularJS中非常屌的一个性能,数据双向绑定,这就意味着view中的数据发生任何变化的时候,这个变化也会相应的反映到scope上,也就是说scope的模型会动态更新.所以有时候我们的需求可能是要监控摸个model的变化,下面就简单的说下这个操作以及实现原理 $watch $watch可以很方便且简单的监控一个model的变化,举个栗子: <html> <head>     <script src='./lib.angular.min.js'></s

浅谈AngularJS中的$parse和$eval

AngularJS的初学者常常会对$parse和$eval两个内建服务感到有些困惑,今天我们就来说说AngularJS中的$parse和$eval. 总的来说,$parse和$eval都是作用于AngularJS的表达式. 什么是表达式?AngularJS中的表达式就是一些类似于JavaScript代码的代码片段(但是它们和JavaScript代码有不尽相同).表达式通常被用来防止在绑定中,例如{{expression}}.下面是一个例子: 1 + 2 = {{ 1 + 2 }}或者: My n

浅谈AngularJS启动引导过程

我们都知道AngularJS默认会执行app.js来启动整个angular项目,但你知道angular具体执行过程吗? 一.自动引导启动框架 例如我们有如下代码,我们想要完成一个指令功能: <html ng-app> <head> <script src="angular.min.js"></script> </head> <body> <div my-directive></div> &l

浅谈angularJs

在家都知道,angular 可以实现双项数据绑定,其中它的占位符是{{}},他是是MVC数据分离, 首先要在<html>或<body>中建一个<body ng-app=""> <p>我的第一个表达式: {{ 5 + 5 }}</p> </body> ng-app 指令用于告诉 AngularJS 应用当前这个元素是根元素. 所有 AngularJS 应用都必须要要一个根元素. HTML 文档中只允许有一个 ng-a

浅谈AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了. REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式 1)我们首先需要引入ng-Resource  模块,在angular之后 <script src="js/vendor/angular.js"></script> &l

浅谈iOS中的RunLoop

首先解释下为什么是浅谈,主要是RunLoop这个东西不单单是iOS的范畴,还涉及到操作系统,我指的浅谈仅仅针对ios上层应用,底层的东西概不涉及 ,所以只能浅谈浅谈了. 在浅谈RunLoop之前我们来写个小demo,超级简单,一个按钮,然后给按钮一个断点 这块标记了1,2,3,4 红色的字:其实这是这个APP启动的一个过程 但是说好了浅谈RunLoop为啥又扯到APP的启动了 ? 先不要在意这些细节... 我先来解释下我标出的1,2,3,4分别是啥东西 1,dyld :这是啥子鬼了? the d