how to hide table after select of row in angular js?

Question

I make a auto suggest using filter .It show when user type on input field .But when user select any row of table I need to hide that table .In my my case I am not able to hide the table can you please tell me how to hide the table after select of row here is my fiddle

http://jsfiddle.net/66z4dxsy/2/ .In other word.When I run the program my table is hide .when I type on input field it show but when I select it again hide how I will achieve this.Please disable web security of browser .because it show cross domain error .

var app=angular.module("myapp",[]);
function cnt($scope,$http){
    $http.get("http://192.168.11.56/sstest")
        .success(function (data) {
           //alert(data);
            $scope.d=data;
        }).error(function(data){
                              alert("error")
        });

    $scope.getselectedRow=function(obj){
        alert(obj.stationName)   ;
        $scope.searchText.stationCode= obj.stationCode;
    }


}

Thanks

Explain in detail what exactly do you want!! I am not sure but you may want like this - jsfiddle.net/66z4dxsy/3 — Jay Shukla
– Jay Shukla, Commented Oct 12, 2014 at 12:00
@JayShukla you understand wrong.Actually My code is working fine .I just want to hide table after select ..In other word please do these steps.run the code write "h" in input field .it show table .and select any row from table.then I need to hide the table.When u select the row it it set the value of selected item on input field but not hide — Shruti
– Shruti, Commented Oct 12, 2014 at 12:14

Jay Shukla · Accepted Answer · 2014-10-12 16:45:46Z

1

I don't know what you want to achieve by doing this but what you want that can be done by adding one more condition as below.

<input type="text" ng-model="searchText.stationCode" ng-focus="selected=true">

See updated fiddle here Fiddle Link

answered Oct 12, 2014 at 16:45

Jay Shukla

5,8368 gold badges35 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tuan · Accepted Answer · 2014-10-12 16:51:22Z

0

Because the visibility of your table is bound to:

<table ng-show="searchText.stationCode && searchText.stationCode.length != 0">

All you have to do is to set searchText.stationCode = null in your code. If you are in some asynchronous context (callback from an ajax) you might need to force update

$scope.searchText.stationCode = null;
$scope.$apply()

answered Oct 12, 2014 at 16:51

Tuan

9521 gold badge10 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to hide table after select of row in angular js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related