1

伙计们，我是角度的新手，并试图弄清楚如何实现一个名为 ngDialog 的模块，以便我可以弹出带有角度数据等的弹出窗口。现在，我有我的控制器：

var oflApp = angular.module('oflApp', ['ngDialog']);
oflApp.controller('oflClassCtrl', function ($scope,ngDialog) {
$scope.classes = [
{"class": "ENGLISH I: INTRO TO LITERATURE AND COMPOSITION Sem 2", "href": "../courses/english.php#p1"}, ect
}];
$scope.clickToOpen = function(index){
       $scope.selectedClass= $scope.classes[index];
       ngDialog.open({template: '../inc/popUp.html'});
    };
});

和html：

<table ng-controller="oflClassCtrl">
…
<tr ng-repeat = "selectedClass in classes | filter:searchTxt">
        <td><a  ng-click="clickToOpen($index)">{{selectedClass.class}}</a></td>

当然，我已经在我的角度脚本下添加了脚本，但是我还需要什么其他的东西才能让它工作吗？我不确定发生了什么，但点击时不会出现弹出窗口，所以我确定有问题。我究竟做错了什么？谢谢朋友。

编辑：我重构了我的 js，因为我很无聊并且阅读了关于这样做的信息，但仍然无法正常工作

(function(){



angular.module('oflApp', ['ngDialog'])
.controller('oflClassCtrl', oflClassCtrl)

function oflClassCtrl($scope,ngDialog) {
    // $http.get('../courses/coursedata.json');
    $scope.clickToOpen = function(index){
    $scope.selectedClass= $scope.classes[index];
    ngDialog.open({template: '../inc/popUp.html'});
    };


  $scope.classes = [
{"class": "ENGLISH I: INTRO TO LITERATURE AND COMPOSITION Sem 2", "href": "../courses/english.php#p1"},ect..
 ];




} //cntrler

})();
4

0 回答 0