我知道在引用Ng-Nodel时无法设置输入的值,但是我试图找到解决方法。
该html值将从用户在上一页中输入的URL变量(例如全名或电子邮件)中提取。 Ng-model用于存储这些信息。 -signUp.php?user_email = $ email&fname = $ fullNam
以下是我的意思的示例,
<?php
$email = $_GET['user_email'];
$fullName = $_GET['fname'];
?>
<input id="signupformItem" ng-model="user.username" type="email" name="email" value= <?php echo $email; ?> placeholder="Email Address" required> <br>
任何帮助将不胜感激
最佳答案
我只是为您创建了一个演示,但我建议您阅读一些教程,以更好地了解要在项目中使用的框架或技术(angularjs和javascript)。
我为你制造了朋克。您可以访问它here。
JavaScript代码
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, userService) {
$scope.name = 'World';
$scope.userName = userService.getUsers();
userService.getUserAjax()
.success(function(response) {$scope.names = response[0].Name;});
});
app.service('userService', function($http){
var fac = {};
fac.getUserAjax = function() {
return $http.get("http://www.w3schools.com//website/Customers_JSON.php");
};
fac.getUsers = function(){ return 'John'};
return fac;
});
HTML代码
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.13/angular.js" data-semver="1.3.13"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello {{name}}!</p>
by {{userName}}
<p>username loaded by ajax :{{names}}</p>
</body>
</html>
您需要定义一个服务,该服务使用angular(
$http
)提供的ajax服务与您的网页进行通信,并从控制器调用它,在成功函数上,只需选择该值并将其分配给您的作用域变量即可。您的用户名。我只是在这里使用w3schools服务url进行演示,这将为我提供您需要实现php代码的用户列表,这些代码将返回您想要的内容并按上述方式使用它。
我希望它将为您提供有关如何设置角度代码以与服务器进行通信的基本概念。