함수를 할당하고 모델을 동적으로 생성하는 방법이 있습니까?

Question

아래 코드를 고려하여 uniqueAttribute 조건을 충족하는 경우 ng-model을 두 개의 다른 개체로 동적으로 구성하려고합니다. 이 같은 처리 할 수있는 방법이 있나요 또는

Error: [ngModel:nonassign] Expression 'vm.isUniqueAttribute(entityDefinition)' is non-assignable.

: 아래

<input type="text" class="form-control" ng-model="vm.isUniqueAttribute(entityDefinition)" required /> 

는 vm.abc 또는 vm.def이 ng-model

  vm.isUniqueAttribute = function(entityDef) { 
       return entityDef.isUnique === 'true' ? 'vm.abc': 'vm.def'; 
      } 

에 바인딩 반환하는 기능입니다 그러나 같은 오류가 발생합니다 이것을 달성하기위한 다른 방법은 없습니까?

나는 하나의 객체를 할당하고 나중에 두 개의 다른 객체로 최종 옵션을 분류하여 할 수 있습니다. 그러나 많은 노력 없이도 처리 할 수 ​​있는지 궁금합니다.

Answer 1

두 개의 다른 요소를 두 개의 모델로 사용하고 ng-if를 사용하여 플래그를 기반으로 필요한 요소를 토글합니다.

<input type="text" class="form-control" ng-model="vm.abc" ng-if="vm.isUniqueAttribute(entityDefinition)" required /> 
<input type="text" class="form-control" ng-model="vm.def" ng-if="!vm.isUniqueAttribute(entityDefinition)"required /> 

Answer 2

당신은 object (vm.modelCollection)의 속성으로 당신의 ng-model을 설정하고 isUniqueAttribute 방법으로 주어진 속성의 이름을 반환하는 브라켓 표기법을 사용할 수 있습니다.

<input type="text" class="form-control" ng-model="vm.modelCollection[vm.isUniqueAttribute(entityDefinition)]" required /> 

다음

vm.isUniqueAttribute = function(entityDef) { 
    return entityDef.isUnique === 'true' ? 'abc': 'def'; 
} 

이 방법은 사용자의 요구

Answer 3

I 동적 콘텐츠와 정적 모델을 활용하여 제안

맞는 경우 나도 몰라. 동적 데이터를 제공하기 위해 샘플에서 "ng-init"을 사용했지만 필요에 따라 컨트롤러에 의존 할 수는 있습니다. 샘플 코드가

(여기 https://docs.angularjs.org/api/ng/directive/ngInit 상태로) :

$scope.Model = []; 
$scope.SetModelWithDynamicContent = function(index) { 
if ($scope.Model.indexOf(index) == -1) { 
    //Add your conidition here(.isunique). I have used odd or even number. 
    if (index % 2 == 0) 
    $scope.Model.push({ 
     Property: "Bind vm.abc" 
    }); 
    else 
    $scope.Model.push({ 
     Property: "Bind vm.def" 
    }); 
} 

그것의 전체 코드가 http://plnkr.co/edit/gFa26r?p=preview

에서 찾을 수 있습니다 그것은 당신의 문제가 해결되는지 답변으로이를 표시하기 위해 기억하십시오!