使用范围变量中的值初始化AngularJS中的输入表单

Question

如何将表单初始化为AngularJS中其他$scope变量的值？ 我知道我必须使用ng-init来实现，但不是初始化它的值，我必须初始化它以在变量中赋值。

我有$scope.User包含用户的所有细节，所以当数据返回时，我想要将它馈送到各个字段。例如$scope.User.FirstName被送入FirstName输入字段。

<label>FirstName:</label> 
<input type="text" id="FirstName" required ng-model="newUser.FirstName" ng-init="newUser.FirstName='User.FirstName'"/> 

Answer 1

HTML元素必须定义如下。

<input type="text" ng-model="firstname"> 

里面的角控制器，所述JS代码将如下，

$scope.firstname = $scope.User.FirstName; 

这将确保文本框将具有值显示

Answer 2

在HTML：

<input type="text" ng-model="User.firstname "> 
<input type="text" ng-model="User.lastName "> 
//other html elements 

在您的控制器中：

$scope.User= { 
    firstname : 'my first name', 
    lastName : 'my last name', 
    //..other data 
}