Fatal编程技术网
  • javascript/
  • Javascript 如何单击以将html表单加载到目标中？

Javascript 如何单击以将html表单加载到目标中？

javascript php html angularjs

Javascript 如何单击以将html表单加载到目标中？,javascript,php,html,angularjs,angular-http,Javascript,Php,Html,Angularjs,Angular Http,如何在没有使用jquery的情况下单击将html表单加载到中的目标中 我的工作脚本到目前为止，但我坚持下去 <html> <head> <script src="components/angular/angular.js"></script> <script> var app = angular.module("myapp", []) app.controller("FormControl

如何在没有使用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>


var app=angular.module（“myapp”，[]）
app.controller（“FormController”，函数（$scope，$http）{
$scope.load=函数（）{
返回$http({
方法：“获取”，
url:“form.php”
}).然后（功能（响应）{
$scope.form=response.data；
//我如何将id=“form”？作为目标？？
});
};
}
);
负载
把表格放在这里
php

<form name="signup_form" novalidate ng-submit="signupForm()">
    <input type="text" />
</form>
这是加载表单而不是使用
$http
的正确方法吗？

您可以尝试以下方法

HTML格式的

<div id="form"> {{form}} </div>
在form.php中

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

echo'
';
您可以尝试以下方法

HTML格式的

<div id="form"> {{form}} </div>
在form.php中

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

echo'
';
您可以尝试以下方法

HTML格式的

<div id="form"> {{form}} </div>
在form.php中

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

echo'
';
您可以尝试以下方法

HTML格式的

<div id="form"> {{form}} </div>
在form.php中

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

echo'
';
您也可以通过使用条件ng来使用此方法，包括：

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

您也可以通过使用条件ng来使用此方法，包括：

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

您也可以通过使用条件ng来使用此方法，包括：

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

您也可以通过使用条件ng来使用此方法，包括：

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

试试看：

HTML
JS 
app.directive（'myForm'，function（）{
返回{
替换：正确，
控制器：功能（$scope）{
$scope.isLoaded=false；
$scope.load=函数（）{
$scope.isLoaded=true；
}
},
模板：“加载”，
链接：功能（范围、元素）{
}
}
});
PHP 
试试看：

HTML




JS

app.directive（'myForm'，function（）{
返回{
替换：正确，
控制器：功能（$scope）{
$scope.isLoaded=false；
$scope.load=函数（）{
$scope.isLoaded=true；
}
},
模板：“加载”，
链接：功能（范围、元素）{
}
}
});


PHP

试试看：

HTML




JS

app.directive（'myForm'，function（）{
返回{
替换：正确，
控制器：功能（$scope）{
$scope.isLoaded=false；
$scope.load=函数（）{
$scope.isLoaded=true；
}
},
模板：“加载”，
链接：功能（范围、元素）{
}
}
});


PHP

试试看：

HTML




JS

app.directive（'myForm'，function（）{
返回{
替换：正确，
控制器：功能（$scope）{
$scope.isLoaded=false；
$scope.load=函数（）{
$scope.isLoaded=true；
}
},
模板：“加载”，
链接：功能（范围、元素）{
}
}
});


PHP

谢谢。我可以不在我的表单中使用
echo
？是否仍然可以将响应数据设置为
html
？谢谢。我可以不在我的表单中使用
echo
？是否仍然可以将响应数据设置为
html
？谢谢。我可以不在我的表单中使用
echo
？是否仍然可以将响应数据设置为
html
？谢谢。我可以不在我的表单中使用
echo
？是否要将响应数据设置为
html
？它是范围内的一个变量，可以有条件地打开。查看plunkr了解详细信息。它将仅在“true”时加载外部文件。它是作用域中的一个变量，您可以有条件地启用它。查看plunkr了解详细信息。它将仅在“true”时加载外部文件。它是作用域中的一个变量，您可以有条件地启用它。查看plunkr了解详细信息。它将仅在“true”时加载外部文件。它是作用域中的一个变量，您可以有条件地启用它。查看plunkr了解详细信息。它将仅在“true”时加载外部文件。