Question

我在使用angularjs激活前置html中的ng-click时遇到问题。我找到了一个答案，该答案可以帮助解决与我的问题几乎相同的问题，该问题包括在作为控制器（http://next.plnkr.co/edit/5kjo8u7Qiyw6KHFO1jkh?p=preview&preview）加载时在html中添加ng-click。区别是：

我正在使用控制器中的函数来触发前置项，因此用户将单击打开模式的按钮。用户将看到项目列表，并在弹出模式中选择少量项目。

如果用户单击该项目，则该项目将被添加到同一页面（不在弹出模式中的主页）内的其他html之前，并且所选项目将被禁止添加。

到目前为止，我可以做到这一点，直到这一步为止

但是我想拥有一个功能，使用户可以删除主页中的所选项目，并使已删除的项目再次在弹出模式下可用。

所以我该如何在我的函数控制器中的前置项中包含ng-click或激活它。我想在代码中触发MyFunc2。

Angular js：

app.controller('myCtrl', ['$scope', function($scope,$compile) {

$scope.myFunc = function(itemName,data1) {
var myEl = angular.element( document.querySelector( '#divID' ) );
var html="<button ng-click='myFunc2()'>"+itemName+"</button>";
myEl.prepend(html);
}; 

$scope.myFunc2 = function() {
alert("a");
}; 
});

触发角度的我的html

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script src="lib/script.js"></script>
  </head>

  <body>
    <div ng-app="app" ng-controller="MainCtrl">
      <button class="btn btn-success" type="button" ng-click="myFunc('tes',data1)">Choose</button>
      <div id="divID" style="margin-left: 25px;">
      </div>
    </div>
  </body>
</html>

对不起，我英语不好。我对此很难解释，希望有人能给出很好的解释。

更新：

这是我面临的问题，为了方便理解这些问题，我将其构建为插件：http://next.plnkr.co/edit/RgWNX1zEjJe1BhoZ?open=lib%2Fscript.js&preview

我要使预添加按钮可以运行功能2或在此程序中发出警报（ng-单击预添加按钮不起作用）。

在函数

0 个答案: