小编Ano*_*ain的帖子

我想制作一个虚线字符串,用适当的(可拖动的)单词来填补空白,以完成句子.

字符串如:

The ______ brown ______ jumps over the ______ dog.

像:快,狐,懒

但是当我的字符串绑定ng-bind-html的jqyoui-droppable不返回字符串工作.无法删除间隙字符串中的按钮(可拖动键).

  $scope.gapList = [];

  $scope.string = "The quick brown fox jumps over the lazy dog.";
  $scope.keys = ['quick','fox','lazy'];

  $scope.createDottedString = function () {
      for (var key in $scope.keys) {
          $scope.string = $scope.string.replace($scope.keys[key], '<em data-drop="true" data-jqyoui-options  jqyoui-droppable  ng-model="$scope.gapList" > ____________ </em>');
      }
      return $sce.trustAsHtml($scope.string);

  };

HTML: <div ng-bind-html="createDottedString()"></div>

这是plnkr链接: demo

我已经使用这个jqyoui-droppable插件来拖放jqueryUI.