AngularJS radio button group with “other” option that includes a text field

Question

I have a form with three radio buttons in a group. The third radio button is \"Other\" and has a text field where the user can enter something in. I can make the radio button r

Answer 1

Here's what I ended up with. It's a slight variation on hugo's answer. The main difference being that the "other" text stays visible on the screen. I just thought I'd document this as an alternative approach.

    Program:
     option 1
     option 2
     Other
    
    

And then this $watch function in my controller:

$scope.$watch('form.Program', function (mVal) {
    if (angular.isUndefined($scope.form)) return;

    if (mVal === 'Other') {
        $scope.form.OtherProgram = $scope.OtherProgram;
    } else {
        $scope.form.OtherProgram = null;
    }
});