angular.js - Looking for a way to write angularJS

Question

A is the drop-down list and BC is the text box.
The C text box is hidden by default. B text box is available.
To achieve that when A pulls down to select the last element, B is disabled and C is displayed.
A does not select the last element and restores it to its original state.

为情所困 · Answer

html code:


    Household Income Survey

    
        

            
                I. How many people live in your home?
            
            
        
        
            
                II. Household Annual Income
            
            
        
    

    
        
            III. If there are more than 8 people living at your
            home, please write the annual household income here
        

        

            
$

JavaScript code:

.controller('IncomeCtrl', function ($scope) {
    $scope.householdSize = 1;
    $scope.householdIncome = 15171;
    $scope.defHouseholdIncome = 0;
    $scope.showDefIncom = false;

    $scope.change = function () {
        $scope.showDefIncom = $scope.householdSize === '8+' ? true : false;
    };

})

阿神 · Answer

The same idea as @nightire, here is the code part:

html

Probably like this.

阿神 · Answer

<p><code><select></code> 填充好，然后 <code>ng-model</code> 绑定作用域里一个属性，然后 <code>$watch</code> 这个属性，当条件满足时改变一个状态属性（预先定义好），最后将这个状态属性双向绑定给 B 的 <code>ng-disabled</code> 和 C 的 <code>ng-show</code>/<code>ng-if</code> That’s it. </p>