gpt4 book ai didi

javascript - AngularJS:指令找不到注入(inject)的依赖项

转载 作者:行者123 更新时间:2023-12-01 16:09:15 26 4
gpt4 key购买 nike

这是我的 plunker - http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview

我正在尝试注入(inject) Angular Strap

index.html 包含正确的依赖项并且顺序正确

<script data-require="jquery@*" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<script data-require="bootstrap@2.3.2" data-semver="2.3.2" src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script data-require="angular-strap@0.6.6" data-semver="0.6.6" src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/0.6.6/angular-strap.min.js"></script>

我的控制台说

Error: Unknown provider: $strap.directivesProvider <- $strap.directives <- notificationDirective
@http://code.angularjs.org/1.1.5/angular.min.js:29
c@http://code.angularjs.org/1.1.5/angular.min.js:27
@http://code.angularjs.org/1.1.5/angular.min.js:30
c@http://code.angularjs.org/1.1.5/angular.min.js:27
d@http://code.angularjs.org/1.1.5/angular.min.js:27
@http://code.angularjs.org/1.1.5/angular.min.js:37
forEach@[native code]

最佳答案

AngularStrap 的模块依赖项列在错误的位置。 '$strap-directives' 是模块依赖项,而不是服务依赖项,因此需要在应用程序引导期间列出它,例如:

var app = angular.module('myApp', ['$strap.directives']);

它还需要在您的指令中作为服务 DI 删除:

app.directive('notification', function(){
return {
restrict: 'E',
replace: true,
scope: {
ngModel: '='
},
template: '<div>Test</div>'
}
});

这是他们在 AngularStrap site 上配置 Plunkers 的方式

关于javascript - AngularJS:指令找不到注入(inject)的依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16805928/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com