简单的“Hello”类型TextAngular设置失败
简单的“Hello”类型TextAngular设置失败
提问于 2014-03-20 17:22:52
尝试用一个简单的例子来使用TextAngular模块，但是它看起来不正确。
首先，编辑器文本区域只有1行高。当我尝试使用编辑器时，我可以编辑多行，但是第一行之后的行将与编辑器区域下面的其他html元素“合并”(参见柱塞显示)。
如下所示：
<body ng-app="myApp">
<div ng-controller="AppCtrl">
<div text-angular ng-model="message"></div>
</div>
Some text below...
</body>对于控制器：
var app = angular.module('myApp', ['textAngular']);
app.controller('AppCtrl', function($scope) {
$scope.message = "Default message";
});在柱塞http://plnkr.co/edit/t1YIpwLjPo7yNfVTWPAt?p=preview中可以看到这一切
对于这个非常简单的例子，我做错了什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-03-20 17:54:26
我也碰到了这个问题。需要在样式中添加以下类：
.ta-editor {
min-height: 300px;
height: auto;
overflow: auto;
font-family: inherit;
font-size: 100%;
margin:20px 0;
}Stack Overflow用户
发布于 2016-04-11 06:40:26
您可以添加此链接：
<link href="https://cdnjs.cloudflare.com/ajax/libs/textAngular/1.5.0/textAngular.css" rel="stylesheet"/>Stack Overflow用户
发布于 2014-03-20 17:50:34
不要使用ng模型，而是使用ng-bind，因为您要绑定到div，并且希望消息进入div内部。
ng-bind = {{}}或者看到双向绑定的作用：
<div ng-controller="AppCtrl">
<div>{{message}}</div>
<div ng-bind="message"></div>
<input type="text" ng-model="message">
</div>不需要将文本区域作为模块注入。如果你想做这样的事，那么：
angular.module('myApp',[textArea]);
angular.module('textArea', [])
.controller('myController', function($scope) {
$scope.message = "Default message";
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22540598
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号