javascript - 通过 AJAX 加载 AngularJS 控制器后，它不起作用

Question

如何实例化 Controller 以便其方法可以工作？

我正在通过 AJAX a 加载SettingsController，但是一旦加载，它的方法就不可调用。

我需要做什么来实例化这段代码？

我看了看$compile，但这似乎不起作用。

使用 twitter bootstrap 加载部分的标准方法

$("#modal").modal({remote: 'partials/users/settings.html'})

加载的部分：

%div{'ng-controller' => 'SettingsController'}
   = form_tag '', 'ng-submit' => 'update_settings($event)', :method => :post do |f|

在我的 SettingsController 中：

$scope.update_settings = ($event) ->
  alert 'hey'

什么都不做。

Answer 1

好的，看起来这里的问题是您想将一些 HTML 动态加载到模式中。我不确定您在模态插件中使用的是什么，但您需要执行以下操作：

<div id="myModal" ng-include="source"></div>

source 是 $scope 上的一个属性：

$scope.source = 'test.html';

$includeContentLoaded然后，您可以在指令中监听事件，并调用模态函数：

scope.$on('$includeContentLoaded', function () {
    $('#myModal').modal();
});

有角手柄拉下你想要包含的部分......然后用你的模态打开它。