javascript - 加载 angularJs Controller

Question

我已经在单独的文件中声明了我的应用程序和 Controller ，下面是我加载 Controller html DOM 的方式，但它没有显示该消息。有人可以指导如何实现这一目标吗？

HTML:

<div id="bnProblemList">
    <div ng-controller="problemListCtrl" data-ng-init="init()">
        <div ng-view="">this is my message = {{message}}</div>
    </div>
</div>

JS:

html = $j('#bnProblemList').html();
$compile(html)(scope);

请让我知道如何动态注入(inject)或加载 ng-controller html。

Answer 1

您的 Controller 声明是错误的。你应该这样做:

var myApp = angular.module('myApp',[]);

myApp.controller('problemListCtrl', ['$scope', 
  function($scope) {
      $scope.message = "This is my message :-)";
  }
]);