Angular Select: build string

Question

I want to build a url where parts of the url string are dynamic build with a select box.

The watch is only called at startup:

$scope.$watch('url', function () {
    $scope.buildUrl();
}, true);

Here is the fiddle:

http://jsfiddle.net/mkeuschn/wJGFm/

best regards

Davin Tryon · Accepted Answer · 2014-06-02 12:44:34Z

1

The $watch will only fire if the value being watched changes. In this case, it is better to watch dimension, since this is the selection that is changing. Then, you can re-assign the dimension part of the url and re-build.

Here is an updated fiddle.

JS:

$scope.buildUrl = function () {
    $scope.url.dimension = $scope.dimension.value;
    $scope.completeUrl = $scope.url.base + "dateFrom=" + $scope.url.from + "&dateTo=" + $scope.url.to + "&dimension=" + $scope.url.dimension;
};

$scope.$watch('dimension', function () {
    $scope.buildUrl();
}, true);

answered Jun 2, 2014 at 12:44

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

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

2 Comments

Marko Over a year ago

So I have to watch from, to and dimension separately (I want to use datepicker for the other fields)?

Austin Thompson Over a year ago

@Marko You can watch multiple scope variables like this answer shows.

Collectives™ on Stack Overflow

Angular Select: build string

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related