angularjs - Angular：如何显式关联控制器和 DOM 元素

Question

我有一个想要与控制器关联的 DOM 元素，通常的方式当然是使用 ng-controller。但在这种情况下，我不能这样做（原因需要很长时间才能解释）。

有没有办法手动进行这种关联？

例如

<div id="foo">
...
</div>

angular
    .module('APP', [])
    .controller('FooCtrl', function ($scope) { 
        ...
    });

var $ele = $('#foo');
angular.bootstrap($ele, ['APP']);
// somehow associate #foo with FooCtrl without using ng-controller="FooCtrl"

这可能吗？

谢谢

Answer 1

您可以尝试使用指令。

angular.module('APP').directive('fooCtrl', function () {
  return {
    controller: 'Foo'
  };
});

然后在你的 HTML

<div id="foo" foo-ctrl>