javascript - 如何点击将html表单加载到 Angular 目标中?

标签 javascript php html angularjs angular-http

如何在不使用 jquery 的情况下点击将 html 表单加载到 Angular 目标中?

到目前为止我的工作脚本,但我被困在

<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>

表单.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

关于javascript - 如何点击将html表单加载到 Angular 目标中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27450734/

相关文章:

javascript - 间隔缺少第一项

javascript - Firebase/Parse 可以在每天的特定时间运行代码吗?

javascript - 如何在按钮单击时显示在 html 中实际未设置为 none 的 div?

php - 递归遍历数组以更改特定键的值

php - 如何通过 php 创建一个空的 zip 存档

javascript - 确定 HTML 元素的内容是否溢出

javascript - 如何使用 AngularJS Controller 绑定(bind)单个复选框值

javascript - AngularJS $routeParams 未定义

php - 无法启动 MySQL : "Could not find domain for" running mysql on macos (Laravel Valet)

javascript - 具有目标和当前值反馈的范围 slider