使用ng-model的AngularJS文本输入，但需要默认值不能与value =或ng-init =一起使用

Question

I have an account form with many inputs. One of them below:

<input class="form-control " placeholder="First Name" type="text" ng-model="account.first_name" ng-init="account.first_name=user.account.first_name">

I have a service in my controller that returns all of the user's information. I'm trying to, in inputs, show the current information on file.

I want this in an input so they can also change (update) it.

However, when I set value="{{user.account.first_name}}" which is returned by my API from my service and set equal to $scope.user , it shows nothing in the input.

I searched for answers on SO and found a few that suggested ng-init , which still didn't work.

I've also tried ng-bind , ng-value , and putting these before I set ng-model .

How can I do this?

Edit:

Here is my account controller. The service just has return $http.get('/api/account');

app.controller('AccountCtrl', function($scope, Account) {

    Account.show()
        .success(function(data) {
            $scope.user = data;
        });

data is a JSON schema like so:

{"account": {}, "documents": {}}

But with data inside.

Answer 1

Do that in controller after you get data from your service

      Account.show()
     .success(function (data) {
     $scope.user = data;

     //set account.first_name here
     $scope.account = {
         first_name: $scope.user.account.first_name
     };
     //or you can use angular.copy(source, destination)
     angular.copy(data.account, $scope.account)

 });

Answer 2

Why don't you save yourself the headache and drop the account business off the model. I don't see what function it serves, just use the user object. Double alternative:

In your controller: $scope.account = angular.copy($scope.user);