Javascript 如果模型和绑定由jQuery设置，则AngularJS模型绑定不起作用_Javascript_Jquery_Html_Angularjs_Dynamic

Javascript 如果模型和绑定由jQuery设置，则AngularJS模型绑定不起作用

javascript jquery html angularjs dynamic

Javascript 如果模型和绑定由jQuery设置，则AngularJS模型绑定不起作用,javascript,jquery,html,angularjs,dynamic,Javascript,Jquery,Html,Angularjs,Dynamic,我正在学习Angular JS，我被困在一个非常基本的步骤上以下是我的测试代码： <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://ajax.googleapi

我正在学习Angular JS，我被困在一个非常基本的步骤上

以下是我的测试代码：

<!DOCTYPE html>

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

        <script>
            function enable()
            {
                $("#test_model").attr("data-ng-model", "test");
                $("#test_bind").attr("data-ng-bind", "test");
            };
        </script>
    </head>

    <body>
        <div data-ng-app="">
            <div>
                <input type=text id=test_model />
            </div>

            <div>
                <p id=test_bind></p>
            </div>

            <button onclick=enable()>Enable</button>
        </div>
    </body>
</html>

但还是不行

我缺少什么？

如果您想动态添加角度指令，如ng model、ng bind等。您必须创建自己的指令并使用

您可以使用angular ng show或ng switch切换显示不带绑定的DOM元素，以及带有ng model和其他所需属性的元素。

不要像这样混合使用angular和jQuery。您需要查看

$compile

服务。哦！你能告诉我，如果它是混合的，它在哪里会变得一团糟吗？jQuery和angular的工作原理非常不同，完全删除jQuery，否则你会有很多这样的问题。问题是，我已经有了一个完整的jQuery应用程序。我想给它添加一个新的角度特征。无论如何，谢谢你的建议。我想我需要找到一个角度唯一的解决方案：）

function enable()
{
    $("#test_model").attr("data-ng-model", "test");
    $("#test_bind").attr("data-ng-bind", "test");

    $("#test_model").addClass("ng-pristine");
    $("#test_model").addClass("ng-untouched");
    $("#test_model").addClass("ng-valid");

    $("#test_bind").addClass("ng-binding");
};