UPDATE: Jonathan's advice did the trick. I experimented with version 1.1.5, but it triggered a "Duplicates in a repeater are not allowed" error due to duplicate empty strings. I'll choose a solution after work; my current browser has limited functionality.
I encountered a problem with using ng-model in an input field. I've prepared a JSFiddle that showcases the issue. When you click "Add" and then attempt to edit one of the input boxes below, typing becomes restricted!
HTML:
<div ng-class="{selected: selectedPart==$index, cell: selectedPart!=$index}"
ng-click="selectPart($index)" ng-repeat="part in parts">
<textarea class="prompt" ng-model='part.wording'></textarea>
<hr>
<span class="numbering" ng-repeat="option in part.options">
{{ $index+1 }}).
<textarea class="option" ng-model="option"></textarea>
<br>
</span>
</div>
JS:
StaticEX.controller('mainController', function($scope) {
$scope.parts = [];
$scope.ps = "Problem Statement";
$scope.selectedPart = null;
$scope.newPart = function() {
return {"wording": "Prompt",
"options": ["", "", "", ""]}
};
$scope.addPart = function() {
$scope.parts.push($scope.newPart());
};
Could this issue stem from how I'm referencing "option"? Is it a pseudo-variable generated by the "ng-repeat" directive, unrelated to "$scope"? Or am I making a glaring mistake?