Question

尝试尽可能使用TextAngular模块，但看起来不正确。

首先编辑器textarea只有1行高。当我尝试使用编辑器时，我可以编辑多行，但是在第一行之后的行然后＆＃34;合并＆＃34;与编辑区域下面的其他html元素一起使用（请参阅plunker它的外观）。

像这样：

<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";
});

在plunker http://plnkr.co/edit/t1YIpwLjPo7yNfVTWPAt?p=preview

中查看全部内容

这个非常简单的例子我做错了什么？

Answer 1

我也遇到了这个问题。需要在样式中添加以下类：

  .ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin:20px 0;
 }

Answer 2

而不是ng-model使用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";
    });

TextAngular的简单“Hello World”类型设置失败

2 个答案: