I have a form using angularJs, all code is available on my plunker at the end of the question.

inside my controller i have 

```
$scope.showTelfield= false; $scope.showEmailfield= false; 

```

in my form and for telephone field and email field i`m using:

```
ng-show="showTelField"  ng-show="showEmailField"

```

these values should be true if the user select it from the select options as it is designed inside the controller. 

in html

```
<select class="form-control c-select" name="select" ng-model="feedback.myChannel" ng-options="channel.value as channel.label for channel in channels">
 <option value="">Select a method</option>
 </select>

```

in controller:

```
 $scope.feedback = {
  myChannel: "",
  firstName: '',
  lastName: '',
  agree: false,
  email: ''
};
$scope.channels = [{
  value: "Tel",
  label: "Tel"
}, {
  value: "Email",
  label: "Email"
}, {
  value: "Tel & Email",
  label: "Tel & Email"
}];

//Telling browser to view telephone or Email feild if needed..
    if($scope.feedback.myChannel === "Tel" || $scope.feedback.myChannel === "Tel & Email"){
        $scope.showTelField = true }

    if($scope.feedback.myChannel === "Email" || $scope.feedback.myChannel === "Tel & Email"){
        $scope.showEmailField = true }

```

the value of $scope.feedback.myChannel changes from an empty string to "Tel", "Email" or "Tel & Email" based on the user choice and i'm showing that inside an extra div only for developing purpose to make sure they change on user's selection.

but all the if statements don't work although the value of $scope.feedback.myChannel changes according to the displaying div i'm making for development.
any idea why is that?

you can see my code in my plunker
[Here is my plunker](http://plnkr.co/edit/L12ltpi27VAIDkFHKHwX?p=preview) 

and here is a screenshot of the the page
[![screenshot](https://i.stack.imgur.com/768HT.jpg)](https://i.stack.imgur.com/768HT.jpg)