角度双向绑定不起作用

Question

我正在尝试使用angular创建一个小型应用程序（我刚刚开始学习它）。该应用程序包含一个表单和Froala所见即所得编辑器。我正在尝试使用ng-model和ng-bind将表单连接到编辑器，但是它不起作用。

这是我的代码

let app = angular.module('tempApp', []);
app.controller('myCtrl', function($scope) {
  $scope.text = " "
});

<div ng-app="tempApp" ng-controller="myCtrl" id="main">
  <!-- Initialize the editor. -->
  <script>
    $(function() {
      $('#editarea').froalaEditor()
    });
  </script>

  <input autofocus ng-model="text">

  <!--Editor Area-->
  <div id="editarea">
    <p>{{text}}</p>
  </div>

</div>

预先感谢