从模板动态加载HTML

时间:2013-12-24 22:15:18

标签: javascript angularjs

我在创建弹出式指令时遇到一些麻烦,我希望从服务器获取一些模板并将其放在弹出式div中,然后在屏幕上显示。此外,我希望这个弹出窗口有自己的控制器。不幸的是,它不想工作。这是我的代码: http://jsfiddle.net/4U6wz/2/

我试着把指令html放在控制器html里面,如:

<div ng-controller="HeadCtrl">
    <a href="" popup="login.html">Login</a>
</div>

但它没有改变任何东西。我收到一个错误:

Error: [$injector:unpr] Unknown provider: popupProvider <- popup 
http://errors.angularjs.org/1.2.2/$injector/unpr?p0=popupProvider%20%3C-%20popup 
minErr/<@http://fabrykakartek.dev/bower_components/angular/angular.js:78 
createInjector/providerCache.$injector<@http://fabrykakartek.dev/bower_components
/angular/angular.js:3468 getService@http://fabrykakartek.dev/bower_components/angular
/angular.js:3595

老实说,我是AngularJS的初学者,所以也许我不知道什么。所以希望有人可以解释我是否可以做到。 问候

编辑:当我从模板中删除ng-controller时,它实际上显示了弹出窗口。所以问题是为什么ng-controller破坏了这段代码?看起来为这个控制器创建范围有问题。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

angular.module('fabrykaApp', []);

尝试添加[]作为第二个参数