Привязка ngModel к значению выражения

Question

У меня есть сценарий, в котором свойство ng-model должно привязываться к значению, которое поступает из базы данных в составе бизнес-логики.

Для простоты, я создал это example

function TodoCtrl($scope) { 
    $scope.field1 = "PropertyFromDB"; 
    $scope.PropertyFromDB = "hello world"; 
} 

<div ng-app> 
    <h2>ngModel BINDING EXAMPLE</h2><br/> 
    <div ng-controller="TodoCtrl"> 
     <div ng-init="imod = field1"> 
      <input type="text" ng-model="imod"></input> 
     </div> 
    </div> 
</div> 

В этом примере field1 это значение, которое будет свойство, которое приходит из БД (т.е. PropertyFromDB) и нг-модели должны связываться с PropertyFromDB вместо field1 , Итак, как будто я хочу оценить выражение внутри синтаксиса выражения ng-model, но я не могу этого сделать.

Благодаря

Answer 1

Вы можете относятся к текущей области с this и прочитать его свойство, как:

<div ng-init="imod = field1"> 
    <input type="text" ng-model="this[imod]"></input> 
</div> 

но это очень необычный и неудобный способ создания модели просмотра.

Я предлагаю создать лучшую структуру/объект, который содержит комбинацию полей/значений и установку этого объекта в области видимости, вместо того, чтобы устанавливать поле и значение отдельно области.

Answer 2

Вы просто не можете установить значение ng-model с помощью любого выражения. Альтернативой было бы изменение структуры JSON, которую вы вернули с сервера.

Markup

<div ng-controller="TodoCtrl"> 
    <div ng-repeat="field in properties"> 
     <label>{{field.property}}</label> 
     <input type="text" ng-model="field.value" /> 
    </div>{{properties}} 
</div> 

Код

function TodoCtrl($scope) { 

    $scope.properties = [{ 
     property: 'PropertyFromDB', 
     value: "hello world" 
    }, { 
     property: 'PropertyFromDB1', 
     value: "hello world1" 
    }] 
} 

Fiddle Here