javascript-ajax html响应中的AngularJs数据绑定

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ajax html响应中的AngularJs数据绑定，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含939字，纯文字阅读大概需要2分钟。

内容图文

我正在使用python / django作为具有复杂表单结构的后端.
我得到了一个角度控制器,该控制器使并要求获得合适的形式.我发现了一个django-angleular包,它在输入中添加了ng-model属性.因此,我正在服务器端使用表单呈现模板,并使用HTML提供响应.使用HTML作为响应可能不是最佳实践,但它使事情耗时少得多.
所以我的问题是我得到了带有表单的HTML响应,并带有’ng-model’属性的输入,但是这种绑定不起作用.有没有办法做到这一点？
这只是此html注入的示例：
控制器：

$scope.form = $sce.trustAsHtml(data.HTML);

模板/视图：

<div ng-bind-html="form"></div>

解决方法:

为$compile创建html指令.

angular.module("app").directive('compilehtml', ["$compile", "$parse", function($compile, $parse) {
    return {
        restrict: 'A',
        link: function($scope, element, attr) {
            var parse = $parse(attr.ngBindHtml);
            function value() { return (parse($scope) || '').toString(); }

            $scope.$watch(value, function() {
                $compile(element, null, -9999)($scope); 
            });
        }
    }
}]);   

然后添加此指令

<div ng-bind-html="form" compilehtml></div>

DEMO

内容总结

以上是互联网集市为您收集整理的javascript-ajax html响应中的AngularJs数据绑定全部内容，希望文章能够帮你解决javascript-ajax html响应中的AngularJs数据绑定所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端