Dropdown onchange textarea включить и отключить в Angularjs

Question

Этот вопрос уже задавался, но это не решает мою проблему.

Я хочу enable и disable text-area, когда drop-down изменится.Я попробовал некоторый код, но с ошибкой.

TypeError: Невозможно установить свойство 'отключено' для неопределенного в Scope. $ Scope.firstUsageChange (addcoupon.js: 130)

addcoupon.html

<div class="col-sm-4">
    <label>First Usage<code>*</code></label>
    <select class="form-control" name="first_usage" ng-model="formData.first_usage" ng-change="firstUsageChange()" ng-required="true">
        <option value="">Select First Usage</option>
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select> 
</div>
<div class="col-sm-4">
    <label>First Usage Title<code>*</code></label>
    <textarea class="form-control" name="first_usage_title" ng-model="formData.first_usage_title"  ng-disabled="disabled" ng-required="true"></textarea>
</div>

addcoupon.js

$scope.firstUsageChange = function () {
    $scope.result = $scope.formData.first_usage;
    if($scope.result == 'yes')
    {
        $scope.first_usage_title.disabled= false;
    }
    else
    {
        $scope.first_usage_title.disabled= true;
    }
    //console.log();
};

Answer 1

Я получил результат, я просто изменил данные области видимости $scope.disabled = true;

$scope.firstUsageChange = function () {
    $scope.result = $scope.formData.first_usage;
    if($scope.result == 'yes')
    {
        $scope.disabled = true;
    }
    else
    {
        $scope.disabled = false;
    }
};

Answer 2

в html-части:

<textarea class="form-control" name="first_usage_title" ng- 
model="formData.first_usage_title"  ng-disabled="disabled" ng-required="true"> 
</textarea>

попробуйте изменить ng-disabled на:

ng-disabled="first_usage_title.disabled"