我正在使用jQuery和AngularJS开发Ajax应用程序。

当我使用jQuery的html功能更新div的内容（包含AngularJS绑定）时，AngularJS绑定不起作用。

以下是我正在尝试执行的代码：

$(document).ready(function() {

  $("#refreshButton").click(function() {

    $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>")

  });

});


</style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid {

  border: 1px solid red;

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="">

  <div id='dynamicContent'>

    <button ng-click="count = count + 1" ng-init="count=0">

        Increment

      </button>

    <span>count: {{count}} </span>

  </div>





  <button id='refreshButton'>

    Refresh

  </button>

</div>

我在具有ID的div内包含动态内容#dynamicContent，并且具有一个刷新按钮，当单击刷新时，该按钮将更新该div的内容。如果不刷新内容，增量将按预期工作，但是刷新后，AngularJS绑定将停止工作。

这在AngularJS中可能无效，但是我最初使用jQuery构建了应用程序，后来又开始使用AngularJS，因此无法将所有内容都迁移到AngularJS。非常感谢在AngularJS中实现此功能的任何帮助。

当我使用jQuery的html函数更新div的内容(其中包含AngularJS绑定)时，AngularJS绑定不工作。

这是一个JSFiddle版本的我想要做的。

我有一个动态内容在一个div与ID #dynamicContent，我有一个刷新按钮，将更新此div的内容，当刷新点击。增量工作原理如果我不刷新内容，但刷新后，AngularJS绑定停止工作。

这可能不是有效的AngularJS，但我最初用jQuery构建应用程序，并开始使用AngularJS后，所以我不能迁移所有的AngularJS。任何帮助获得这工作在AngularJS非常感谢。

在你的小提琴，它会看起来像这样。

$("#dynamicContent").html(
  $compile(
    "<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>"
  )(scope)
);

显然，$ compile必须注入到你的控制器中才能工作。

阅读更多在$compile documentation。

<input type="checkBox" value="" ng-model="filterPrivateDocCheckBox" ng-click="dl.filterPrivateDocument(filterPrivateDocCheckBox,$event)">
 <input st-search="target"ng-model="dl.documentTarget" ng-change="dl.change()" />

function filterPrivateDocument(val) 
{
    if(val)
    this.documentTarget = 'Private';
}

解决方法

function filterPrivateDocument(val) {
    if(val) {
        this.documentTarget = 'Private';
        this.change();
    }
}

从文档中删除事件的说明：

el was dropped into target before a sibling element,and originally came from source

el似乎返回被拖动的HTML元素,但是我需要对它后面的实际数据项执行操作.任何提示？

<divid="manageUsers">
    <divdragula='"bag"' dragula-model='usersInProject'>
        <div ng-repeat='user in usersInProject' ng-bind='user.email'></div>
    </div>
    <divdragula='"bag"' dragula-model='usersnotinProject'>
        <div ng-repeat='user in usersnotinProject' ng-bind='user.email'></div>
    </div>
</div>

$scope.$on('bag.drop-model',function (e,el,target,source) {
    //this returns the html element
    console.log(el);
});

这样的事情

<div id="{{ user.id }}" ng-repeat='user in usersnotinProject' ng-bind='user.email'></div>

在控制器中,我使用id查找项目：

$scope.$on('bag.drop-model',source) {
    //getById is a function you implement (unless you already have it)
    console.log(usersnotinProject.getById(el.attr('id')).email);
});