Javascript 显示引用Ng模型的输入值_Javascript_Php_Html_Angularjs_Input

Javascript 显示引用Ng模型的输入值

javascript php html angularjs input

Javascript 显示引用Ng模型的输入值,javascript,php,html,angularjs,input,Javascript,Php,Html,Angularjs,Input,我知道，当引用Ng Nodel时，我无法设置输入值，但我正在尝试找到解决方法 html值是从URL变量中提取的，例如用户在上一页中输入的全名或电子邮件。Ng模型用于存储这些信息。-php？user_email=$email&fname=$fullNam 下面是我的意思的一个例子 <?php $email = $_GET['user_email']; $fullName = $_GET['fname']; ?> <input id="signupf

我知道，当引用Ng Nodel时，我无法设置输入值，但我正在尝试找到解决方法

html值是从URL变量中提取的，例如用户在上一页中输入的全名或电子邮件。Ng模型用于存储这些信息。-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>

任何帮助都将不胜感激

我刚刚为您创建了一个演示，但我将建议您阅读一些系列教程，以更好地了解您将在项目中使用的框架或技术YangularJS和javascript

我为你创造了plunk。你可以去看看

Javascript代码

HTML代码

您需要定义一个服务，该服务使用angular$http提供的ajax服务与您的web页面通信，并从控制器调用它，在success函数中，只需获取值并将其分配给您的范围变量。在你的情况下，用户名

我在这里使用w3schools服务url只是为了演示，它将为我提供一个用户列表，您需要实现php代码，该代码将返回您想要的内容，并像上面所述那样使用它

我希望它能为您提供如何设置angular代码以与服务器通信的基本概念。

因此，在这种情况下，您可以使用类似ajax的东西从服务器获取数据，并将其分配回控制器内的$scope.username变量。谢谢，您是否可以通过一些示例进行详细说明。

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;
});

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