bei Klick ein Element zum nächsten Knoten hinzufügen Angularjs

Question

Hallo Ich hatte vor einem Monat mit dem Erlernen von AngularJS begonnen. Ich frage mich, wie wir einem Element beim Klicken (ngClick/customClick) eine eckige Direktive hinzufügen könnten.

<button type="button" ng-click="change()"> 
change this 
</button> 
<div class="container" ng-bind-html="element"> 
<ul> 
    <li>John</li> 
    <li>Joe</li> 
</ul> 
</div> 
<script type="text/ng-template"> 
    <ul><li></li></ul> 
</script> 

var app = angular.module('app',[]); 
app.controller('ctrl',function($scope){ 
    $scope.contents = ['Jack','Jenifer']; 
    $scope.tmpl = "template.html"; 
    $scope.change = function(){ 
    $scope.element= "<ng-include src=\"tmpl\"></ng-include>"; 
    } 
}); 

http://jsfiddle.net/dmeLtepf/2/ ich tatsächlich etwas Ähnliches suchen bin dies .. auf Klick sollte ich die bestehende Liste in den Behälter ersetzen. Danke :)

Answer 1

Ihr Code kann vereinfacht werden einfach das ng-include Attribut zu verwenden, anstatt zu versuchen, eine Vorlage mit einem ng-include-Elemente zu binden, etc. etc.

Der Code wäre so einfach wie:

Hier ist eine working demo zeigt Ihnen, wie Sie verschiedene Vorlagen basierend auf einige einen Funktionsaufruf mit Hilfe einiger Logik in der Steuerung dynamisch laden können. Hoffe das hilft!

Hinweis - Dies verwendet die Syntax "controller as" wie in den ersten Kommentaren beschrieben. Link to the article here