Concatenate form values in controller

Question

I have a typical contact form where I concat the values into a preview div with AngularJS. This works fine if all the fields are filled out. I would like to move this into a controller so that I can conditionally add some static text such as only put a slash between phone and fax if both those fields are filled. I cannot find any sample code that goes beyond concatenating a couple values.

        
            
                Company/Firm
                
                    
                
            
            
                Contact
                
                    
                
            
            
                Address
                
                    
                
            
            
                City
                
                    
                
            
            
                State
                
                    
                
            
                Phone
                
                    
                
            
            
                Zip Code
                
                    
                
            
                Fax
                
                    
                
            
            
                Email
                
                    
                
            
            
                Website
                
                    
                
            
        

        60-word Description
        
            
                
                
                    You have used {{description|wordCounter}} of your allowed 60 words.
                    
                    Your 60 word, plain text only description begins after the listing header. You will receive a proof for approval prior to publication.
                
            

            
                Live preview of listing
                
                    {{companyFirm}}

                    {{contact}}

                    
                        {{address}}

                        {{city}}, {{state}}  {{zipcode}}

                        {{phone}} / Fax: {{fax}}

                        {{email}}

                        {{website}}

                    
                    {{description}}

http://plnkr.co/edit/1oqneNRXuTXhiqE7vKWw?p=catalogue

user3335966 · Accepted Answer

If I understand question correctly, in controller You can use standard js concatenate:

$scope.phoneFax = function() {
    //You can also save result in variable; 
    return ($scope.phone ? $scope.phone : '')
    + ($scope.phone && $scope.fax ? ' / ' : '') 
    + ($scope.fax ? 'Fax: ' + $scope.fax : '');
};

Template:

{{phoneFax()}}

Also you can make it directly in the template:

{{phone}}
 / 
Fax: {{fax}}

Concatenate form values in controller

Answers (1)

Related Questions