个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有以下 html 代码:
<div class="form-group">
<label class="col-md-4 control-label" for="newscontent">Article Contents</label>
<div class="col-xs-6" id="Update_1" >
<textarea class="form-control col-xs-12" id="newscontent" name="newscontent"></textarea>
</div>
</div>
并有一个以下 Angular 脚本将默认文本设置为上面的文本区域
var app = angular.module('myApp',['ngRoute']);
app.controller('myCtrl', function($scope,$http,$log,$location,$compile) {
$scope.newstitle=$location.search().title;
$http({
method: 'GET',
url: '/loadnews/'+encodeURIComponent($scope.newstitle),
})
.then(function(response){
$scope.News=response.data;
$scope.img_url=$scope.News[0].image;
$scope.Newstitle=$scope.News[0].title;
$scope.NewsAuthor=$scope.News[0].author;
$scope.NewsContent=$scope.News[0].content;
$scope.ArticleDate=$scope.News[0].insertdate;
$scope.NewsImage=$scope.News[0].image;
$scope.NewsLocation=$scope.News[0].location;
angular.element(document.getElementById("newscontent")
.defaultValue=$scope.NewsContent);
}
在浏览器的控制台中，我可以看到文本值从 $scope.newscontent 加载到 textarea->newscontent 但它在实际的浏览器文本区域中不可见。我也试过 ng-model 绑定(bind) newscontent ,$parent.newscontent ,newscontent.text, myCtrl.newscontent (在 div 标签中设置了 ng-controller)但是所有这些方法都没有将默认数据(即 $scope.NewsContent)设置为 textarea-newscontent 。虽然 angular.element() 方法成功地设置了默认数据，但它在浏览器的实际文本区域内是不可见的。请帮助我
作为引用，这是带有 ng-model 的 snap，其中 textarea 似乎是空白的 Image for text area with ng-model并且使用 Angular 元素方法，它看起来像有数据但没有在实际文本区域中呈现 Image for text area without ng-model
最佳答案
var myApp = angular.module("myModule", [])
.controller("myController", function ($scope) {
$scope.NewsContent = 'test data';
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<html ng-app="myModule">
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="angular.min.js" type="text/javascript"></script>
<script src="app1.js" type="text/javascript"></script>
</head>
<body>
<div ng-controller="myController">
<form method="post" accept-charset="UTF-8" action="http://weebsite.com/h/">
<div class="form-group">
<label class="col-md-4 control-label" for="newscontent">Article Contents</label>
<div class="col-xs-6" id="Update_1" >
<textarea class="form-control col-xs-12" id="newscontent" name="newscontent" ng-model="NewsContent">{{NewsContent}}</textarea>
</div>
</div>
</div>
</body>
</html>我正在本地测试后放置。
关于javascript - Textarea 不显示使用 angularjs 设置的默认文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40037009/
25
4
0
我知道如何在简单的html文本框中删除文本，但是html textareas似乎要复杂得多。而不是value属性，而是将文本放置在之间： . 这就是为什么我在制作onFocus和onBlur
这个问题在这里已经有了答案: text from one textarea should get copy to another textarea and original textarea sh
我实现了一个 在 Elm 中，选项卡缩进和取消缩进，而不是将焦点转移到另一个 HTML 元素。效果很好，除了取消缩进有时会导致选择消失!如果我选择第 5 个字符到第 12 个字符，我按 shift-t
是否可以更改 TextArea 的字体？我需要一个固定宽度的字体来显示一些原始数据，这些数据被格式化为在控制台的列中显示。 最佳答案 您可以使用 CSS 来实现，只需为您的应用程序创建一个主题并添加以
换行符或 pharagraph 在 textarea 输出中不起作用？例如，我在 textarea 中为 pharagraph 使用 enter 但在输出中不起作用？我怎样才能做到这一点？ $("#s
这个问题在这里已经有了答案: How to calculate the pixel width of a String in JavaFX? (4 个回答) 6年前关闭。 如何计算 TextArea
我正在尝试使用两个不同的 textarea s 显示相同的代码，但有一个母版和另一个副本。在副本textarea ，我想强调更改，类似于 GitHub 在我们进行一些更改时提供的内容。 我想知道这是否
我需要允许用户突出显示文本(用鼠标选择一个范围)，然后我想让他们能够通过下拉右键菜单将某些设置应用于该文本。 我知道后半部分。但是如何获取从 JavafX 的文本区域中选择的文本字符串？ 另外，我可以
我使用 TinyMCE。 如果我在我的 textarea(编辑器)中插入另一个 texarea，tinymce 认为这个的结束标记是相关的，所以他关闭了编辑器。所有代码都可以在编辑器之外找到... 你
假设我有两个文本区域... 文本区域 1 文本区域 2 Hi There. 我希望能够将我在文本区域一中输入的文本添加到文本区域二中的文本之后。例如:如果我写“我的名字是乔”。在文本区域一中，它将同
我通过点击一个按钮来实现这个 Bootstrap Modal。但是在点击按钮时，模态出现在屏幕上，除了文本区域字段之外的每个字段都正确显示，按钮代码和文件上传代码在它下面，正在进入文本区域，为什么会这
现在我在获取值时遇到了问题 ~ 我正在执行一个功能，当我单击一个按钮时，它会显示一个模式，并且在其中有一个文本区域。将所有内容写入其中后，单击“确定”按钮，它将使用您编写的文本创建一个新的文本区域。你
我有一个呈现文本区域字段的 HTML 模板和 CSS，但是当单击该字段时，光标从文本区域的中间开始，而不是我期望的从左上角开始。 这不会出现在 IE 中，但会出现在 Chrome 和 FF 中。我还得
我有一个在页面上运行的 TinyMCE 实例，它使我能够编辑现有帖子。我查询数据库，并填充变量 $content与存储的文本。然后我有以下 HTML: Content: " > TinyMCE 显示为
每当有人在 textarea 中按 Enter 键时，我都会调用一个函数.现在我想禁用 new line或 break按下回车键时。 所以new line按下 shift+enter 时应该可以工作。
我有一个带有一些 TextArea 元素的 GUI 来显示信息。由于 GUI 将对 keyevents 使用react，因此我在场景元素中添加了一个 EventHandler。因为我不想为每个文本区域
我想用 jquery 在文本区域中插入图像。 (我知道 img 标签无法插入到文本区域中)。我正在使用tinymce jquery: tinyMCE.init({ mod
为什么这行不通？这里的input类型是text: var name = $("input[name='Event[name]']").serializeArray(); name = name[0].
我正在研究一种解决方案，当您在 TextArea 中键入文本时，它应该通知用户还剩下多少字符需要输入。比如你只能输入200之类的。这很容易制作，但我希望计数器显示在 TextArea 的背景中而不是单
“文本区域类型属性”有什么用？ W3foos says this: The type property returns which type of form element a text area i
我是一名优秀的程序员,十分优秀！