Question

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

有没有办法手动执行此关联？

e.g。

<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

您可以尝试使用directive。

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

然后在你的HTML

中

<div id="foo" foo-ctrl>

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

1 个答案: