无法使用Angular.js编辑textarea中的内容

时间:2014-08-11 23:48:58

标签: javascript angularjs

内容在textarea中显示得很好,但似乎不可编辑。

我创建了以下问题的简化版本。

HTML:

<div ng-controller="WeekController">
    <form>
        <textarea ng-model="currentDay.content"></textarea>
    </form>
</div>

JS:

var stories = angular.module('stories', []);

stories.controller('WeekController', function ($scope) {
    $scope.currentDay = {
        content: "Tenetur perspiciatis ut maiores et corrupti aut."
    };
});

我该如何解决这个问题?为什么会这样?

提前致谢。

1 个答案:

答案 0 :(得分:0)

这对我来说很好用:

<html ng-app="stories">

  <head>
    <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script>
      var stories = angular.module('stories', []);

      stories.controller('WeekController', function ($scope) {
        $scope.currentDay = {
            content: "Tenetur perspiciatis ut maiores et corrupti aut."
        };
      });
    </script>
  </head>

  <body>
    <div ng-controller="WeekController">
      <form>
          <textarea ng-model="currentDay.content"></textarea>
      </form>

      Value of currentDay: 
      <code>
        {{ currentDay | json }}
      </code>
    </div>
  </body>

</html>

直播http://plnkr.co/edit/Zf6FRgPON7wO5TmezTsS?p=preview

......除非我误解你所说的不起作用。 textarea是可编辑的,并且会更新$ scope变量。