当通过另一个javascript函数加载HTML时,Angular JS ng-click不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了当通过另一个javascript函数加载HTML时,Angular JS ng-click不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1322字，纯文字阅读大概需要2分钟。

内容图文

我有一个javascript函数,它从JSON数据构建一个树,并创建一个锚标记元素列表,如：

<a ng-click="shareParent(4619)">Some data</a>

加载页面后将填充此列表.此ng-click未在控制器中注册.这是我的控制器：

catalog.controller('categoryTree', ['$scope',function($scope) {
    $scope.shareParent = function(parent) {
        console.log(parent)
      }
}]);

数据永远不会出现在控制器上.我是新手,所以我可能在这里做错了.我甚至尝试过调用$scope.$apply(),但这也没有任何好处.

anchor元素确实有一个与之关联的控制器,并且还声明了ng-app.只是ng-click不起作用.

编辑：

添加DOM元素后,在我的控制器中使用以下注入器代码解决它：

$injector = angular.element(document.querySelector('#categoryTree')).injector();
element = angular.element(document.querySelector('#category-tree'));
$injector.invoke(function ($compile) {
      var scope = element.scope();
      $compile(element)(scope);
   });

可能有更好的方法来做到这一点.

解决方法:

在Angular中创建新的HTML元素时,必须将其连接到范围.这称为编译

例如：

function myController($scope,$compile,$element){

  //Creating New Element
  var newElement=$('<div ng-click=hello()>Hello World</div>')

  //Compile The Element, and assign it to current scope
  $compile(newElement)($scope)

  //Append the element, to wherever do you want. For example to current controller element
  newElement.appendTo($element)

  $scope.hello=function(){
     alert('It is working!')
  }
}

更多信息：Angular $compile service

内容总结

以上是互联网集市为您收集整理的当通过另一个javascript函数加载HTML时,Angular JS ng-click不起作用全部内容，希望文章能够帮你解决当通过另一个javascript函数加载HTML时,Angular JS ng-click不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端