使用动态创建的HTML从angularjs控制器调用函数

动态创建的HTML是指在运行时通过JavaScript代码动态生成的HTML元素。在AngularJS中，可以通过控制器来实现动态创建HTML并调用函数的功能。

首先，需要在AngularJS应用中定义一个控制器。控制器是一个JavaScript函数，负责处理与视图相关的逻辑。可以使用ng-controller指令将控制器与HTML元素绑定起来。

<div ng-controller="MyController">
  <!-- 动态创建的HTML元素将被插入到这里 -->
</div>

接下来，在控制器中定义一个函数，该函数将在动态创建的HTML元素中被调用。可以使用$scope对象将函数绑定到控制器上。

app.controller('MyController', function($scope) {
  $scope.myFunction = function() {
    // 在这里编写函数的逻辑
  };
});

然后，在控制器中使用$compile服务来动态创建HTML元素，并将其插入到视图中。$compile服务将HTML字符串编译为可执行的代码，并将其与当前的作用域进行链接。

app.controller('MyController', function($scope, $compile) {
  $scope.myFunction = function() {
    // 在这里编写函数的逻辑
  };

  var html = '<button ng-click="myFunction()">点击我</button>';
  var compiledHtml = $compile(html)($scope);
  angular.element(document.getElementById('dynamic-html-container')).append(compiledHtml);
});

在上述代码中，我们使用$compile服务将一个按钮元素编译为可执行的代码，并通过ng-click指令将按钮的点击事件绑定到myFunction函数上。然后，使用angular.element方法将编译后的HTML元素插入到具有id="dynamic-html-container"的容器中。

这样，当用户点击动态创建的按钮时，将会触发myFunction函数的执行。

关于AngularJS的更多信息和示例，可以参考腾讯云的相关文档和教程：

• AngularJS 官方网站
• AngularJS 开发者指南
• 腾讯云云开发 AngularJS 文档