Angular Js Ng-show & hide with model

Angular Js Ng-show & hide with model

by Ganesh

HTML

<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <table>
        <tbody>
            <tr>
                <td ng-hide="myOption=='one'">
                    <input ng-model="first" ng-hide="myOption=='one'"></input>
                </td>
                <td ng-hide="myOption=='one' || myOption=='two' ">
                    <input ng-model="second" ng-hide="myOption=='one' || myOption=='two' "></input>
                </td>
            </tr>
        </tbody>
    </table>
    <select ng-model="myOption" ng-change="[second='', first='']">
        <option value="one">test1</option>
        <option value="two">test2</option>
        <option value="three">test3</option>
    </select>
</div>

JavaScript

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

}