JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body>

<div ng-app="myApp" ng-controller="personCtrl">

<p ng-show = "deliveryCompanies.length=1">The name is firstName </p>

<select ng-model="deliveryCompany" style="width: 200px;" class="form-control" required ng-options="c.name for c in deliveryCompanies"></select>
<span ng-bind-html="fullName()"></span>
</div>

</body>

JavaScript

angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.firstName = "John",
    $scope.lastName = "Doe",
    $scope.showOrderTraces = true,
    $scope.obje  = {name:"xxx", age:12},
    $scope.obje1 = {name:"xxx", age:12},
    $scope.obje2 = {name:"xxx", age:12},
    $scope.deliveryCompanies = { obje, obje1, obje2},
    $scope.fullName = function() {
        return $scope.firstName + " " + $scope.lastName;
    }
    
});