Setting initial values and trigger click on application init in angularjs

Question

I'm stuck with this.

I have a search page that is using html5 history api.

So if I search for "html5", my url is "/search/html5".

Now I want my application to handle page refresh. When I press "F5" I want to see my application to fill text input with "html5" and trigger click on button to start search method.

    <form>
        <input type="text" ng-model="searchText" />
        <button class="btn btn-primary" ng-disabled="!searchText" ng-click="search()" >search</button>
    </form>

I would really appreciate some help with it.

UPD: I mean I need to do manually (outside of angular's controllers) something like

$scope.searchText = 'html5';
$scope.search();

But I can not get how can I have access to $scope.

Community · Accepted Answer · 2017-05-23 12:18:42Z

4

There's another good solution for that.

I like it becase it's native and doesn't need any 3rd party library.

Just add this in somewhere in your html (again, I'm using ejs for the server templating):

<p ng-init="searchText = '<%= searchText %>'; search();"></p>

This way is better than that https://stackoverflow.com/a/13232922/801426 because while using latter input's value doesn't update until the search is finished, and it's an ajax call so it takes some time.

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Nov 7, 2012 at 5:39

bullgare

1,7731 gold badge22 silver badges33 bronze badges

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

Comments

Tosh · Accepted Answer · 2012-11-05 09:10:20Z

1

http://plnkr.co/edit/VT5ss4

This can be one way to do it. It is using angular's routing feature. $routeParams will provides you the way to access the searchText in this case.

answered Nov 5, 2012 at 9:10

Tosh

36k11 gold badges67 silver badges58 bronze badges

1 Comment

bullgare Over a year ago

well, I didn't explain it enough, obviously. the problem is to make angularjs set input text and emulate clicking the button. so when I type url "/search/html5" it would be equal to entering text="html5" and then clicking search button

Community · Accepted Answer · 2017-05-23 11:55:43Z

1

I found solution for that (I'm using ejs for the server templating):

<script type="text/javascript">
    (function( $ )
    {
        "use strict";
        $(document).ready(function (){
            var $scope = angular.element($('#search-text')).scope();
            $scope.searchText = "<%= searchText %>";
            $scope.search();
        });
    }( jQuery ));
</script>

Thanks to that question - Call Angular JS from legacy code

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Nov 5, 2012 at 13:15

bullgare

1,7731 gold badge22 silver badges33 bronze badges

Collectives™ on Stack Overflow

Setting initial values and trigger click on application init in angularjs

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related