如何在不使用jquery的情况下单击以角度将HTML表单加载到目标中?

到目前为止,我的工作脚本仍然存在

<html>
<head>
    <script src="components/angular/angular.js"></script>
    <script>
        var app = angular.module("myapp", [])
        app.controller("FormController",function($scope,$http) {
                $scope.load = function() {
                    return $http({
                        method: "get",
                        url: "form.php"
                    }).then(function(response) {
                        $scope.form = response.data;
                        // how can I target id="form"??
                    });
                };
            }
        );
    </script>
</head>
<body>
    <div ng-app="myapp" ng-controller="FormController">
        <button ng-click="load()">Load</button>
        <div id="form"> place the form here </div>
        </div>
    </div>
</body>
</html>


form.php,

<form name="signup_form" novalidate ng-submit="signupForm()">
    <input type="text" />
</form>


这是加载表单而不使用$http的正确方法吗?

最佳答案

您还可以通过使用条件ng-include来使用这种方法:

<div ng-include="'form.html'" ng-if="readyToLoadForm==true"></div>


Plunkr Link

09-30 13:23
查看更多