2015-10-24 92 views
0

我想用角拖和http://codef0rmer.github.io/angular-dragdrop,但是當我嘗試一個基本的例子,我得到的錯誤。我的代碼 -「無法讀取屬性」,然後「未定義」在角拖n滴

<apex:page standardStylesheets="false" sidebar="false" showHeader="false"> 
    <style> 
     table, th , td { 
      border: 1px solid grey; 
      border-collapse: collapse; 
      padding: 5px; 
     } 
    </style> 
    <html ng-app="myApp"> 
     <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css" rel="stylesheet" /> 
     <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-responsive.min.css" rel="stylesheet" /> 

     <div ng-controller="dragDropController"> 
      <div class="row-fluid"> 
       <div class="span6"> 
        <div class="btn btn-primary" data-drag="true" ng-model="list" jqyoui-draggable="{animate: true}">{{list.title}}</div> 
       </div> 
       <div class="span6"> 
        <div class="thumbnail" data-drop="true" ng-model="droppedList" jqyoui-droppable="{beforeDrop: 'beforeDrop'}"></div> 
       </div> 
      </div> 
     </div> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
     <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script> 
     <script src="{!$Resource.AngularDragDrop}" /> 
     <script> 
      angular.module('myApp', ['ngDragDrop']).controller('dragDropController', function($scope, $http) { 
       $scope.list = {title : 'Drag me..!!'} 
       $scope.droppedList = {title: 'Drop place'}; 
       $scope.beforeDrop = function() { 
        console.log('Before dropping..!!'); 
       }; 
      }); 

     </script> 
    </html> 

</apex:page> 

有人可以幫助我。 我一直在使用相同的不同版本的試角,也試圖從現場的實際例子複製的角度版本,但仍然面臨着同樣的錯誤

感謝, 雷

+0

'

相關問題