通过Jquery添加ng-app属性

时间:2014-11-12 00:46:26

标签: jquery angularjs

我正在尝试使用JQuery将ng-app属性添加到body标签,希望Angular Controller在此之后接管。但是,我发现这不起作用。这可能吗?如果是这样,需要为此设置什么? Plunker Code Here

  <script>

    jQuery.noConflict();
      (function( $ ) {
        $(function() {
          $('body').attr('ng-app',changeExample');
        });
      })(jQuery);

    angular.module('changeExample', [])
      .controller('ExampleController', ['$scope',
        function($scope) {
          var rawData = JSON.parse(data); // web  service call
          $scope.SearchResults = rawData.ResultRows;


          $scope.ProjectSelected = function(proj) {

            $scope.SelectedProj = proj;
            $('input#originalSPTexbox').val(proj);
          };

        }
      ]);
  </script>

1 个答案:

答案 0 :(得分:0)

$("body").attr("ng-app", "changeExample");

我刚刚在plunker上的数据变量声明前添加了这个,并且似乎工作正常(我显然从body标签中删除了ng-app属性)。

希望这会有所帮助。

我刚刚在changeExample上添加了一个缺少的引号,我将脚本移动到页面底部,因此将加载body标记,以便您可以添加属性。

[http://plnkr.co/edit/IPt1mI8Aw0XQ1bz8Mrqm?p=preview][1]