Question

我的角度应用程序需要接受从外部源删除的文本...文本文档，网页等（类似于在textarea中删除）。到目前为止，我还无法找到任何接受浏览器外部数据的内容，只有ngDraggable等允许拖动UI元素的模块。掉线了，但似乎不接受外面的数据。 ngDraggable是我唯一尝试过的，但我已经检查了其他几个模块的演示，但没有一个接受外部数据。

我正在寻找drop来触发一个事件，该事件将打开一个模态并将删除的文本放入模态表单上的文本框中。通过单击表单中间的加号，可以在this mockup中模拟所需的行为。

如果我可以获得帮助以触发事件并且变量中有丢弃数据，我相信我可以完成剩下的工作。

app.js：

'use strict';

/**
 * @ngdoc overview
 * @name producerApp
 * @description
 * # producerApp
 *
 * Main module of the application.
 */
angular
  .module('producerApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ngDraggable'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/about', {
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

main.html中

<div class="container">
Container
<hr />
<div ng-drop="true" ng-drop-success="onDropComplete($data,$event)" >
  Drop area
</div>
</div>

main.js：

'use strict';

/**
 * @ngdoc function
 * @name producerApp.controller:MainCtrl
 * @description
 * # MainCtrl
 * Controller of the producerApp
 */
angular.module('producerApp')
  .controller('MainCtrl', function ($scope) {
    $scope.onDragComplete=function(data,evt){
       console.log("drag success, data:", data);
    }
    $scope.onDropComplete=function(data,evt){
        console.log("drop success, data:", data);
    }
 });

来自外部源的角度下降

0 个答案: