个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我是 AngularJS 新手，尝试在单击按钮时动态创建textarea。我正在使用 ngSanitize 插件，代码有效，我可以插入带有一些文本的普通 div ，但是当需要创建一个 textarea 它就是行不通。该元素甚至不显示。
HTML:
<button class="btn bg-info" ng-click="insertReplyBox()">Reply</button>
<br>
<div class="row">
<div class="col-lg-2" id="replyBox">
<div ng-bind-html="replyBoxHTML"></div>
<div ng-bind-html="replyBoxHTML1"></div>
</div>
</div>
JS( Angular Controller )
app.controller('messagesReadController', function($scope) {
$scope.insertReplyBox = function() {
console.log("reply clicked");
$scope.replyBoxHTML = '<div>This works!!</div>';
$scope.replyBoxHTML1 = '<textarea col="4" row="20" placeholder="placeholder"></textarea>'; //this doesn't work
}
});
(我已在另一个文件中添加了 ngSanitize 依赖项，因此此处未显示。)
最佳答案
使用不安全
var app = angular.module('myApp', []);
app.controller('messagesReadController', function($scope) {
$scope.insertReplyBox = function() {
console.log("reply clicked");
$scope.replyBoxHTML = '<div>This works!!</div>';
$scope.replyBoxHTML1 = '<textarea col="4" row="20" placeholder="placeholder"></textarea>'; //this doesn't work
}
});
app.filter('unsafe', function ($sce) {
return function (val) {
return $sce.trustAsHtml(val);
};
});<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="messagesReadController">
<button class="btn bg-info" ng-click="insertReplyBox()">Reply</button>
<br>
<div class="row">
<div class="col-lg-2" id="replyBox">
<div ng-bind-html="replyBoxHTML"></div>
<div ng-bind-html="replyBoxHTML1| unsafe" ></div>
</div>
</div>
</body>
</html>关于javascript - AngularJS - 使用 ngSanitize 动态创建的 <textarea> 不显示(其他元素显示)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34333072/
26
4
0
当我使用 yeoman 安装 angularjs 时，我被要求安装一些额外的软件包，例如: Angular 路线 Angular 清理 等等... 现在我删除了 Angular-sanitize: b
我正在尝试使用 ngSanitize，以便我可以将 html 内容(外部)注入(inject)到我的应用程序中。然而我在 ngSanitize 安装中陷入了困境。如果我将它添加到我的应用程序模块中，它
允许用户生成未经净化的 html 会有什么风险？我正在使用 text-Angular 并想使用: ta-unsafe-sanitizer="true" https://github.com/fray
我在 AngularJS 范围内有一些项目想要以 HTML 形式查看，我发现需要将 ngSanitize 添加到应用程序中才能执行此操作。所以我将其添加到索引页上的声明中: 并将其包含在应用程序中
它可能与谁有关， 为了绑定(bind)一些 html，请注意，这些 html 将包含 Angular Directive(指令)，在注入(inject) ngSanitize 依赖项后，我的应用程序停
我正在使用 ngSanitize在 AngularJS 应用程序中删除不需要的或危险的部分。但是，内容是使用 HTML Richtext 编辑器生成的，并且包含一些样式信息，这些信息会被删除(例如文本
我想让用户输入特殊字符，例如“&”，然后在提交页面时将其转换为正确的 html。 ex "&"=> "&"我已经阅读了示例并找到了 ng-bind-html 和 $sce。 似乎 ng-bind-ht
我正在尝试在 angularJS 中使用 angular-sanitize。 我需要 angular-sanitize 并将其注入(inject)到我的模块中。 但我得到以下错误: Uncaught
我正在使用 ngBindHtml 显示来自(内部)CMS 的一些 HTML: HTML 包含带有 id 属性的链接: "Click here to download the PDF" 但是，我注意到
我是 Angular.js 的新手，所以我知道这是一个太基本的问题，但这里似乎是找到 Angular.js 问题答案的唯一地方。 var example = angular.module(
仍然不确定何时使用 Sanitize，何时不使用。我将旧数据库移至新机器。它有很多博客文章。我曾经用 PHP 显示这些内容，非常直观。对于 Angular 方式，我不能说太多。 angular.mod
嘿，我正在处理 Angular 页面，当我尝试通过这样的 URL 接受数据时 app.config(function ($routeProvider, $locationProvider) {
我的问题:我必须使用 ngSanitize 模块，但是当我运行该项目时，出现以下错误: Failed to instantiate module ngSanitize due to:lowercase
在我的应用程序中，我有一个非常简单的 Controller ，其工作是显示消息: angular.module("app.components.messages", ['ngSanitize']) .
我有很多这个错误: AngularJS ngSanitize Error 简短版本:“小写不是函数”。 虽然我的应用程序将 AngularJS 强制为 1.4.9，但我们没有强制执行 angular-
我是 AngularJS 新手，尝试在单击按钮时动态创建textarea。我正在使用 ngSanitize 插件，代码有效，我可以插入带有一些文本的普通 div ，但是当需要创建一个 textarea
我正在尝试使用 PhantomJS 预呈现我的 AngularJS 网站。 (使用来自 http://www.yearofmoo.com/2012/11/angularjs-and-seo.html
我正在努力完成一些非常好的事情(而且非常奇怪)。 我有一个 Angular Controller 调用(使用 $http.get，传递从 Angular 获得的参数)一个 php 脚本，其中从数据库获
我是一名优秀的程序员,十分优秀！