如何將參數從AngularJS指令傳遞給AngularJS控制器函數
[英]How to Pass parameter from AngularJS Directive to AngularJS controller function
問題描述
在此先感謝您，實際上我想從app.Directive調用控制器中的函數，請讓我知道如何調用？還我將參數傳遞給該函數嗎？我是angular的新手，這里是所有代碼。
var app = angular.module('quizApp', []);
app.controller("SaveCtrl", function (scope) {
$scope.Save = function (score) {
$scope.TestDetailsViewModel = {};
$scope.TestDetailsViewModel.CorrectAnswer = $scope.score;
$http({
method: "post",
url: "/Home/ResultSave",
datatype: "json",
data: JSON.stringify($scope.TestDetailsViewModel)
}).then(function (response) {
alert(response.data);
})
};})
app.directive('quiz', function (quizFactory) {
return {
restrict: 'AE',
scope: {},
templateUrl: '/Home/Dashboard',
link: function (scope, elem, attrs) {
scope.getQuestion = function () {
var q = quizFactory.getQuestion(scope.id);
if (q) {
scope.question = q.question;
scope.options = q.options;
scope.answer = q.answer;
scope.answerMode = true;
} else {
scope.quizOver = true;
//Calling function save(); in Controller
//scope.Save(scope.score);
}
};
}
}});
1 個解決方案
解決方案1
3 已采納 2018-06-21 19:51:32
在隔離范圍的情況下，指令范圍完全不知道其父級的范圍。
要調用控制器的函數，您必須將該函數綁定到指令的作用域，然后從指令內部調用作用域函數。
例如：
app.controller('MainCtrl', function($scope) {
$scope.commonFunc = function(passed){
$scope.name = passed;
};
});
app.directive('demodirective', function(){
return {
scope: {
commonFunc: '&'
},
link: function(scope){
scope.commonFunc({passed:"world"});
}
};
});
HTML
<body ng-controller="MainCtrl">
<demodirective common-func="commonFunc(passed)">
</demodirective>
Hello {{name}}
</body>
如何將值從AngularJS指令傳遞給父控制器中的函數
[英]How to pass a value from an AngularJS directive to a function in parent controller
如何將函數處理程序從控制器傳遞到AngularJs中的指令隔離范圍？
[英]How to pass a function handler from controller into directive isolated scope in AngularJs?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.