0

以下のコードでは、ボタンが表示されます (Angular 1.3.15、DevExtreme 15.1.4)

HTML :

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <title>Testing</title>    
    <link href="Content/dx.common.css" rel="stylesheet" />
    <link href="Content/dx.light.css" rel="stylesheet" />    
</head>
<body>    
    <script src="/Scripts/jquery-1.11.3.min.js"></script>
    <script src="/Scripts/jquery.globalize/globalize.js"></script>    
    <script src="/Scripts/angular.min.js"></script>
    <script src="/Scripts/angular-sanitize.min.js"></script>
    <script src="/Scripts/angular-ui-router.min.js"></script>    
    <script src="/Scripts/dx.webappjs.js"></script>    
    <script src="/app/app.js"></script>    

    <div ng-controller="myCtrl">
        <div dx-button="{text: 'Test Button'}"></div>
    </div>    

</body>
</html>

app.js ファイル:

var myApp = angular.module('myApp', ['dx']);

(function () {
    angular.module('myApp')
        .controller('myCtrl', ['$scope','dx', myCtrl]);

    function myCtrl($scope, dx) {
        var vm = this;
    }
}());

ボタンが表示され、エラーは表示されませんが、コントローラーを div に追加すると:

<div ng-controller="myCtrl">
    <div dx-button="{text: 'Test Button'}"></div>
</div>

このエラーが発生します: エラー: [$injector:unpr] http://errors.angularjs.org/1.3.15/ $injector/unpr?p0=dxProvider%20%3C-%20dx%20%3C-%20myCtrl R /<@ http://localhost:51314/Scripts/angular.min.js:6:417

4

1 に答える 1

-1

dxモジュールをmyCtrlコントローラーに挿入しようとしています。それを削除してみてください：

var myApp = angular.module('myApp', ['dx']);

(function () {
    angular.module('myApp')
        .controller('myCtrl', ['$scope', myCtrl]);

    function myCtrl($scope) {
        var vm = this;
    }
}());

今後の参考のために、Angular エラーで指定されたリンクをたどると、このような問題を明らかにするのに役立ちます。

于 2015-07-12T14:46:12.603 に答える