Question

您好我一个月前开始学习AngularJS，我想知道如何在点击（ngClick / customClick）上为元素添加角度指令。

<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/ 我实际上看起来类似于这个..点击我应该替换容器中的现有列表。谢谢:)）

Answer 1

您的代码可以简化为仅使用ng-include属性，而不是尝试将模板与ng-include元素绑定等。

代码简单如下：

<div ng-include="Main.template"></div>

这是一个working demo ，向您展示如何使用控制器中的某些逻辑基于某些函数调用动态加载不同的模板。希望这有帮助！

注意 - 这是使用＆＃34;控制器作为＆＃34;初始注释中描述的语法。 Link to the article here

单击时将元素添加到下一个节点Angularjs

1 个答案: