Question

我有一个twitter引导弹出窗口，我动态填充HTML。在那个HTML中，是一个包含li元素的无序列表，其中包含ng-click属性，这些属性以我的控制器上的方法为目标...

但是，li元素ng-click事件不会触发。然而，我有一个加载页面加载的按钮，其中ng-click属性可以完美地激活。但是，在动态HTML中，ng-click不起作用。我认为这是因为动态HTML由于某种原因无法访问$scope。有谁知道如何解决这个问题？

            var popoverContent = '<ul class="list-unstyled">'
            cities.forEach(function(city, index){
                popoverContent = popoverContent + '<li class="town-listing" ng-click="selectAutocompleteCity('+ city.name +')"><span class="city-name">' + city.name + '</span></li>';
            });
            popoverContent = popoverContent + '</ul>';
            $('#town-search-field').popover({
                animation: true,
                html: true,
                content: '<div id="city-popover-inner" style="min-height:100px;width:250px;"></div>',
                placement: 'bottom',
                trigger: 'manual',

            });

Answer 1

从你发布的那些小代码中，我可以告诉你关于角度的所有错误。 jQuery的做事方式和有用的做事方式是截然不同的。同样，你没有发布很多代码，但是我确信你把自己的逻辑放到自定义指令中会更好。

动态HTML包含一个不会触发的Angular'ng-click'属性

1 个答案: