我无法让这个ngDialog模块与AngularJs一起工作,所以寻找一些我出错的提示。
我的 Json 文件名为abc.json
[{"id":
[
{
"value":"text_id",
"desc":"Text id"
},
{
"value":"group_id",
"desc":"Group id"
},
]
}]
角度控制器
'use strict';
angular.module('mine.controllers', [])
.controller('myController', ['$scope', '$sce', '$http', function($scope, $sce, $http, ngDialog) {
$http.get('abc.json')
.success(function(data) {
$scope.ids = data;
});
$scope.openPlain = function (message) {
ngDialog.open(message);
};
}]);
最后是 HTML
<body ng-app="mine">
<table ng-controller="myController">
<tr ng-repeat="datas in ids">
<td>
<span ng-repeat="iden in datas.id">
<a href="" ng-click='openPlain("{{ iden.desc }}")'>{{ iden.value }}</a>,
</span>
</td>
</tr>
</table>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.2.3/js/ngDialog.min.js"></script>
</body>
这是JsFiddle,但我也无法使其与 JsFiddle 一起使用,一些不同的错误。
value
在我的本地机器中,当 DOM 加载并且从 JSON 文件中正确显示时,我没有收到任何错误。但是,当我单击链接时,出现此错误:
TypeError: Cannot call method 'open' of undefined
所以我猜ngDialog没有加载或其他什么。