Greetings! I have a StudentController set up like this:
function StudentController($scope,StudentService){
$scope.student = StudentService.getStudent();
$scope.editStudent = function(){
return ngDialog.openConfirm({
template: 'edit-student.html',
className: 'ngdialog-theme-default',
scope : $scope // LINE 1
});
}
}
When the editStudent function is called, I want to open a dialog for editing options. The goal is to utilize the $scope.student from the StudentController within the edit-student.html for data modeling. To accomplish this, I can utilize the scope property of NgDialog as scope:$scope (refer to LINE 1).
Now, I am aiming to update the StudentController in accordance with the recommendations outlined in the Angular-StyleGuide. This involves eliminating the usage of $scope entirely within the controller. In this scenario, how would I access the student in edit-student.html?
function StudentController(StudentService){
var vm = this;
vm.student = StudentService.getStudent();
return ngDialog.openConfirm({
template: 'edit-student.html',
className: 'ngdialog-theme-default',
scope : ???
// Since $scope isn't used here,
//What should be specified instead?
//I attempted using scope: vm but encountered issues.
});
}
Update: Additional details provided to prevent misunderstandings.