显示引用 Ng 模型的输入值答案

【问题标题】：Display input value with Ng-Model referenced显示引用 Ng 模型的输入值
【发布时间】：2026-01-10 14:30:01
【问题描述】：

我知道当引用 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>

任何帮助将不胜感激

【问题讨论】：

因此在这种情况下，您可以使用类似 ajax 的方式从服务器获取数据并将其分配回控制器内的 $scope.username 变量。
谢谢你能用一些例子详细说明。

标签： javascript php html angularjs input

【解决方案1】：

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

我为你创建了 plunk。您可以访问它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 代码，这些代码将返回你想要的并像上面描述的那样使用它。

我希望它能让您了解如何设置 Angular 代码以与服务器通信。

【讨论】：