`
Franciswmf
  • 浏览: 797165 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

AngularJs输出字符串换行\n或<br/>不管用时,要用ng-bind-html配合解决

 
阅读更多
1、controller
/*显示条件表达式*/
var myConExpController=['$scope', '$http','myCache', function($scope, $http,myCache) {
	//显示当前条件表达式
	$scope.$on('showConExpEvent',function(event,data){
			var len=data.length;
			var dataStr="";
			if(len<=80){
				//
				dataStr=data;
			}else{
				//超长字符串需截断字符显示
				var s=Math.ceil(len/80);
				var i=0;
				var start=0;
				var end=0;
				do{
					start=i*80;
					end=(++i)*80;
					if(end>len){
						end=len;
					}
					dataStr+=trimStr(data.substring(start,end)+"<br/>");
					--s;
				}while(s>0);
			}
			$scope.conExpModel=trimStr(dataStr);
	});
}];


2、html
<td colspan="6" ng-controller="myConExpController" style="width: 550px;">
							{{'PROPERTY.SEQUENCEFLOW.CONDITION.STATIC' | translate}}<br>
							<span ng-model="conExpModel" style="color: #444444;font-size: 14px;background-color: #f0f0f0;width: 550px;overflow: hidden;" ng-bind-html="conExpModel"></span>
						</td>
分享到:
评论

相关推荐

    springboot 基础简易实例, maven项目

    &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt; &lt;parent&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-parent&lt;/artifactId&gt; &lt;version&gt;2.1.4.RELEASE&lt;/version&gt; &lt;relativePath/&gt; &lt;!-- ...

    jdk10+ java.lang.NoClassDefFoundError: javax/xml/ws/Service 错误

    这个错误通常表示在运行时找不到某个类的定义,即使编译时该类是可用的。在本例中,问题发生在从一个较低版本的JDK(如1.8)升级到JDK 10或更高版本后,导致无法找到`javax.xml.ws.Service`类。 在JDK 9及以后的...

    ANGULARJS中用NG-BIND指令实现单向绑定的例子

    &lt;p&gt;使用ng-bind指令输出变量&lt;/p&gt; Hello&lt;span ng-bind="greeting"&gt;&lt;/span&gt; &lt;hr&gt; &lt;/div&gt; &lt;!-- 加载AngularJS库 --&gt; &lt;script src="../lib/angularjs/1.2.26/angular.min.js"&gt;&lt;/script&gt; &lt;!-- 定义控制器模块及...

    AngularJS ng-bind-html 指令详解及实例代码

    AngularJS的`ng-bind-html`指令是构建动态富文本内容的关键工具,它可以与`ngSanitize`模块一起工作,确保在展示用户生成或不可信来源的HTML内容时,不会引入安全风险。理解其工作原理和正确使用方法对于开发安全、...

    AngularJS 学习笔记

    页面上展示了不同的**Directive**使用方法,包括`ng-bind`、`ng:bind`、`ng_bind`、`data-ng-bind`以及`x-ng-bind`。 #### 九、总结 通过本文的介绍,我们可以看到**Directive**是AngularJS中一个极其重要的特性,...

    中国联通SGIP1.2短消息网关开发接口库

    1.接口说明&lt;br/&gt;该接口库是用VC6.0开发的基于Windows平台上的SGIP1.2协议的实现,接口对中国联通SGIP协议进行了高度封装,目的是方便SP接入中国联通短消息网关。&lt;br/&gt;2.功能特点&lt;br/&gt;1)严格按照SGIP1.2协议实现,...

    浅谈Vue.js组件(二)

    &lt;span&gt;&lt;slot v-bind:user="user"&gt;{{ user.name }}&lt;/slot&gt;&lt;/span&gt; &lt;!-- 父组件 --&gt; &lt;current-user&gt; &lt;template v-slot:default="slotProps"&gt;{{ slotProps.user.age }}&lt;/template&gt; &lt;/current-user&gt; ``` 在某些情况下...

    AngularJS教程之简单应用程序示例

    你可以将`ng-app`直接放置在HTML的根元素上(通常是`&lt;html&gt;`或`&lt;body&gt;`),也可以用它来标记某个特定的DOM元素作为应用的根。 ```html &lt;div ng-app=""&gt; &lt;!-- 应用内容放在这里 --&gt; &lt;/div&gt; ``` 第三步是使用`ng-...

    深入理解AngularJS中的ng-bind-html指令

    例如,在上述示例中,当尝试使用`ng-bind-html`绑定包含`&lt;h1&gt;`标签的字符串时,浏览器会显示原始的HTML代码,而不是将其解释为标题。 为了使`ng-bind-html`能够安全地解析和渲染HTML,你需要引入`ngSanitize`模块。...

    简单SpringMVC环境搭建项目代码

    &lt;url-pattern&gt;/&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; &lt;/web-app&gt; ``` 5. **编写SpringMVC配置文件**:创建`spring-mvc-config.xml`,配置HandlerMapping、ViewResolver等核心组件。 ```xml &lt;beans xmlns=...

    SpringMVC环境搭建

    &lt;url-pattern&gt;/&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; &lt;/web-app&gt; ``` 4. **创建Spring配置文件**: 创建`src/main/webapp/WEB-INF/spring-mvc-config.xml`,并配置Spring MVC的核心组件,例如视图解析器和处理器...

    Spring-Boot - 初步搭建

    &lt;artifactId&gt;spring-boot-dependencies&lt;/artifactId&gt; &lt;version&gt;1.3.5.RELEASE&lt;/version&gt; &lt;type&gt;pom&lt;/type&gt; &lt;scope&gt;import&lt;/scope&gt; &lt;/dependency&gt; &lt;/dependencies&gt; &lt;/dependencyManagement&gt; ``` 3. 添加 ...

    AngularJs学习笔记1

    【AngularJS学习笔记1】 AngularJS 是一个强大的前端JavaScript框架,用于构建...随着版本的升级,最佳实践也在不断变化,比如1.3之后对根节点上注册控制器的限制,提醒我们在编写代码时要关注版本兼容性和最佳实践。

    springmvcf

    &lt;url-pattern&gt;/&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; ... &lt;/web-app&gt; ``` 然后在`spring-servlet.xml`中配置FreeMarker视图解析器: ```xml &lt;beans xmlns="http://www.springframework.org/schema/beans" xmlns:...

    vue的props实现子组件随父组件一起变化

    本文实例为大家分享了vue的props实现父组件变化子组件一起变化,供大家参考,具体内容如下 ...使用 v-bind 的缩写语法通常更简单:&lt;child my-message=”parentMsg”&gt;&lt;/child&gt; 实例: &lt;!DOCTYP

    用IDEA搭建Springboot spring MVC Mybatis集成环境

    ### 使用IDEA构建Spring Boot Spring MVC MyBatis集成开发环境 #### 一、项目概述 在本教程中,我们将详细介绍如何使用IntelliJ IDEA(简称IDEA)搭建一个集成了Spring Boot、Spring MVC以及MyBatis的开发环境。此...

    Spring Boot整合Shiro搭建权限管理系统.docx

    &lt;artifactId&gt;spring-boot-starter-parent&lt;/artifactId&gt; &lt;version&gt;1.5.4.RELEASE&lt;/version&gt; &lt;/parent&gt; ``` 同时需要指定项目的Java版本: ```xml &lt;properties&gt; &lt;java.version&gt;1.8&lt;/java.version&gt; &lt;/properties&gt; ...

    Spring Boot整合Shiro搭建权限管理系统

    &lt;modelVersion&gt;4.0.0&lt;/modelVersion&gt; &lt;groupId&gt;com.hellotomcat&lt;/groupId&gt; &lt;artifactId&gt;springboot-shiro&lt;/artifactId&gt; &lt;version&gt;0.0.1-SNAPSHOT&lt;/version&gt; &lt;!-- 继承 spring boot 的默认父工程 --&gt; &lt;parent&gt;...

    AngularJS学习笔记之基本指令(init、repeat)

    &lt;p ng-bind=name+&gt;&lt;/p&gt; &lt;p&gt;{{name+','+age}}&lt;/p&gt; &lt;p ng-bind=name&gt;&lt;/p&gt; &lt;p ng-bind=age&gt;&lt;/p&gt; &lt;/div&gt; &lt;h3&gt;ng-init初始化对象&lt;/h3&gt; &lt;div ng-init=hero={name:'aurora',role:'sup',line:'不管刮风还是下雨,太阳...

Global site tag (gtag.js) - Google Analytics