AngularJS Użyj wartości wejściowej Atrybut

Question

Jak mogę skierować AngularJS do asymilacji atrybutu value w modelu? Każde pole, które podaję atrybut ng-model, natychmiast zastępuje jego value nic lub cokolwiek zdefiniowałem w kontrolerze. Oto niektóre kodu:

<form action="" method="post" ng-controller="PageCtrl"> 
    <input type="text" name="title" ng-model="title" value="Initial field value"> 
</form> 

A Javascript ...

function PageCtrl($scope, Slug) { 
    $scope.title = null; 
} 

Próbowałem nie ustawienie $scope.title, ustawienie go do innych rzeczy, ale bez względu na to, co zrobisz, value jest całkowicie ignorowany . Co mogę zrobić?

Answer 1

Tak, atrybut value jest ignorowany przez angularjs na rzecz ng-model. Lepiej po prostu usunąć wartość z danych wejściowych, aby uniknąć zamieszania.

Kątowym sposobem ustawiania wartości domyślnej byłoby ustawienie wewnątrz kontrolera wartości $scope.title = 'Initial field value' i jest to preferowany sposób uporządkowania rzeczy w jak największym stopniu. Jeśli nie jest to możliwe, możesz użyć ng-init na wejściu, aby zrobić to samo, np.

<input type="text" name="title" ng-model="title" ng-init="title = 'Initial field value'">