最佳裝載的方式和摧毀角JS 1.2

Question

我有一個場景，其中我需要動態加載角JS應用。我已經基於代碼這個： -

https://stackoverflow.com/a/15252490/1545858

現在，我有一個具有角JS 1.1.5作品真的很好的代碼，但在1.2.1，沒有這樣的運氣。

這裏是JS代碼： -

$("#startMeUp").click(function() { 
// Make module Foo 
angular.module('Foo', []); 
// Make controller Ctrl in module Foo 
angular.module('Foo').controller('Ctrl', function($scope) { 
    $scope.data = {}; 
    $scope.data.name = 'KDawg'; 
    $scope.destroy = function() { 
     $scope.$destroy(); 
     $('#Ctrl').remove(); 
    }; 
    $scope.$on("$destroy", function() { 
     console.log("EXTERMINATE"); 
    }); 
}); 
// Load an element that uses controller Ctrl 
$('<div ng-controller="Ctrl" id="Ctrl"> ' + 
    '<input type="text" ng-model="data.name"></input>' + 
    '{{data.name}}' + 
    '<button ng-click="destroy()">Destroy Me</button></div>').appendTo('#container'); 
// Bootstrap with Foo 
angular.bootstrap($('#Foo'), ['Foo']); 
}); 

這裏是HTML： -

<button id="startMeUp">Start Me Up!</button> 

<div id="Foo"> 
    <div id="container"> 

    </div> 
</div> 

現在，如果你有角的js 1.1.5，一切都開始和破壞並重新開始工作正常，但在角度js 1.2.1它不起作用在第二次啓動。任何關於如何使它在1.2.1中工作的想法？

這裏是JS小提琴： -

http://jsfiddle.net/Y9wj2/

Answer 1

由於charlietfl說，你不需要引導不止一次。事實上，使用angular.js 1.2.1，所產生的誤差，打破一切正是在告訴你：

[NG：btstrpd]應用已與此元素'

你應該自舉仔細想想你是否真的需要這個控制器是動態的。如果你可以使用類似ng-include加載額外的內容，那麼你將有一個更容易的時間，也不需要擔心如何編譯內容。

如果你發現你真的需要藉此HTML和角上下文之外加載它，那麼你可以使用$compile服務。引導該應用一次某處第一，優選使用ng-app並抓住注射器。

var injector = angular.bootstrap($('#Foo'), ['Foo']); 

或

<div id="Foo" ng-app="Foo"></div> 

var injector = $('#Foo').injector(); 

現在你可以插入HTML但是你喜歡，然後編譯並使用

injector.invoke(['$compile', '$rootScope', function($compile, $rootScope) { 
    $compile(insertedJqLiteNode)($rootScope); 
});