最近遇到在ng-repeat產生的textarea中繫結ng-model後，在js中取不到ng-model值的問題。html的程式碼結構如下

<div class="ques-item hide1 show9a" id="q10">
    <div class="ques-item-question">
        10.{{questions[9].questionContent}}
    </div>
    <div class="ques-item-option">
        <div ng-repeat="option in questions[9].options"
 
>
            <input type="{{questions[9].questionType}}" name="problem10" value="{{option.optionCode}}" id="{{option.id}}">
            <label for="{{option.id}}">{{option.optionContent}}</label>
            <textarea ng-if="$index == 4" class="ques-option-text" name="" id="" cols
 
="30" rows="1" ng-model="text10"></textarea>
        </div>
    </div>
</div>

用ng-repeat迴圈輸出了該題目的選項，有的選項後面有輸入框，於是用ng-if控制某個選項後面新增textarea輸入框。在用ng-model雙向綁定了text10後，當輸入框中輸入內容時，js中的$scope.text10並不能取得內容。
經過查詢發現原因是，ng-repeat會產生子作用域，而js中的scope是父作用域的，Angularjs中的作用域向上查詢，所以是不能取得ng-repeat中的繫結值的。解決方案就是把子scope中的值通過$

<div class="ques-item hide1 show9a" id="q10">
    <div class="ques-item-question">
        10.{{questions[9].questionContent}}
    </div>
    <div class="ques-item-option">
        <div ng-repeat="option in questions[9].options">
            <input type="{{questions[9].questionType}}" name="problem10" value="{{option.optionCode}}" id="{{option.id}}">
            <label for="{{option.id}}">{{option.optionContent}}</label>
            <textarea ng-if="$index == 4" class="ques-option-text" name="" id="" cols="30" rows="1" ng-model="$parent.text10[4]"></textarea>
        </div>
    </div>
</div>