набор поле ввода на основе другого поля в угловых

Question

в угловых (1.5) У меня есть форма с двумя полями ввода:

• ID
• URL-

правила:

• Если поле идентификатора пуст, поле URL должно быть пустым
• Если поле URL вручную установлен, то он не должен изменяться автоматически
• В противном случае поле URL должен быть «http://myurl/„+ ID +“. TXT»

Как этого добиться?

Answer 1

Используйте $watch на поле ID. Если поле ID изменено, будет вызываться функция часов.

$scope.$watch('$scope.ID', function() { 
    $scope.url = 'http://myurl/' + $scope.ID + '.txt'; 
}, true); 

Answer 2

<input type="text" name="url" 
     ng-model="url" 
     ng-model-options="{ getterSetter: true }" /> 

...

function defaulUrl() { 
     if $scope.ID { 
      return 'http://myurl/'+$scope.ID+'.txt'; 
     } 

     return '' 
    } 

    var _url = defaultURl(); 

    $scope.url = { 
     url: function(url) { 

      return arguments.length ? (_url= url) : defaulUrl(); 
     } 
    } 

};

Answer 3

Вот скрипка я сделал, что отвечает вашему ТРЕБОВАНИЕ: fiddle

Код

//HTML 

<div ng-app="myApp" ng-controller="MyController"> 
    ID <input type="text" ng-model="data.id" ng-change="onIDChange()"/> 
    URL <input type="text" ng-model="data.url" ng-change="onManualUrlChange()"/> 
</div> 

//JS 

angular.module('myApp',[]) 
.controller('MyController', ['$scope', function($scope){ 
    $scope.data = { 
    id:'', 
    url:'' 
    } 
    $scope.manualUrl = false; 

    $scope.onIDChange = function(){ 
    if(!$scope.manualUrl){ 
     if($scope.data.id === ''){ 
     $scope.data.url = ''; 
     } else { 
     $scope.data.url = "http://myurl/" + $scope.data.id + ".txt"; 
     } 
    } 
    } 

    $scope.onManualUrlChange = function(){ 
    $scope.manualUrl = true 
    }; 
}]);