AngularJS - 的ReferenceError：$沒有定義

我收到以下錯誤，當我嘗試這樣做

var fbcanvas = $('#fbcanvas');

這是我

ReferenceError: $ is not defined

錯誤這是我的JS代碼

var feedbackModule = angular.module('feedbackModule', [ 'ui.bootstrap', 'dialogs' ]); 

feedbackModule.controller('feedbackDialog', function($scope, $rootScope, $timeout, $dialogs) { 
$scope.confirmed = 'You have yet to be confirmed!'; 
$scope.name = '"Your name here."'; 

$scope.sendFeedback = function() { 

html2canvas(document.body, { 
    onrendered: function(canvas) { 
    var data = canvas.toDataURL('image/png'), dlg = null; 

    dlg = $dialogs.create('js/plugin/vzfeedbacktool.html', 'feedbackToolController', { 
     imgdata: data 
    }, { 
     key: false, 
     back: 'static' 
    }); 
    dlg.result.then(function(name) { 
     $scope.name = name; 
    }, function() { 
     $scope.name = 'You decided not to enter in your name, that makes me sad.'; 
    }); 

    } 
}); 
}; // end launch 

}); 

feedbackModule.controller('feedbackToolController', ['$scope', '$modalInstance', function($scope, $modalInstance, data) { 

$scope.cancel = function() { 
$modalInstance.dismiss('canceled'); 
}; // end cancel 

$scope.save = function() { 
debugger; 
var fbcanvas = $('#fbcanvas'); 
var ctx = fbcanvas.getContext('2d'); 
var image = new Image(); 

image.src = data.imgdata; 
ctx.drawImage(image, 0, 0); 
}; // end save 

}]);

任何想法，如果我失去了一些東西？順便說一下，如果我嘗試直接在控制檯執行的代碼，它工作正常：S

感謝

來源

2015-06-11 Demian

您還沒有包含jQuery – Phil

@NitinVarpe'angular.element'/jqLite不適用於選擇器。我只是使用'$ document [0] .getElementById（'fbcanvas'）' – Phil

嘗試避免控制器中的DOM操作，因爲它不是* Angular方式*。針對這個問題使用自定義指令。 – alesc

試試這個：

var fbcanvas = document.getElementById('fbcanvas');

代替：

var fbcanvas = $('#fbcanvas');

檢查如果數據也是undefined。

來源

2015-06-11 07:11:15

AngularJS - 的ReferenceError：$沒有定義

回答

相關問題