AngularJS, how to bind a variable to concatenation of two other bound variables?

Question

I am new to AngularJS and trying to build an AngularJS practice app, in which, the user will concatenate a url from multiple inputs, i.e. protocol, domain, path, param1, param2,

Answer 1

Another similar approach is to use ng-init directive to create a dynamic property which represents the concatenation of all those properties. You can call the function or just concatenate inline.

 {{urlParts.url}}


{{urlParts.url}}
    

Reference: http://www.ozkary.com/2015/03/angularjs-ng-model-concatenate-model.html

Try It: http://plnkr.co/edit/PSvwCE?p=info