JSFiddle - React, Tailwind, and code Playground
by wholypantalones
HTML
<div ng-app="myApp" ng-controller="ctrl">
<div ng-if="availFeatures.WEAK_BATTERY">YES!</div>
<div ng-if="vehicle.distanceInfo.distanceUom">{{vehicle.distanceInfo.distanceUom}}</div>
<div ng-if="vehicle.distanceInfo.distanceUom == 'KM'">KILOMETERS</div>
<div ng-if="vehicle.distanceInfo.distanceUom != 'KM'">MPH KILOMETERS</div>
</div>
JavaScript
var app = angular.module("myApp", []);
app.controller("ctrl", ["$scope", function ($scope) {
$scope.vehicle = {
"vehicle": {
"vehicleId": 1617,
"vin": "1GKFK66857J276722",
"vehicleNickname": "Denali",
"year": "2007",
"yearDesc": "2007",
"makeDesc": "GMC TRUCK",
"modelDesc": "YUKON XL 1500",
"engineDesc": "V8-376 6.2L",
"maintSchedStatus": {
"maintSchedOnFileYn": "Y",
"maintSchedLastChecked": "04/08/14"
},
"vehicleText": "2007 GMC TRUCK YUKON XL 1500 V8-376 6.2L",
"hybridYn": null,
"lastUpdateUser": null
},
"vehicleOwner": {
"vehicleOwnerType": "DIFM",
"vehicleOwnerName": "Lori Smith",
"vehicleOwnerId": 14041,
"personId": 462,
"busEntId": null,
"businessType": null,
"vodId": 754,
"customerId": 11,
"subscriberId": 4,
"subscriberName": "Delphi"
},
"drivers": null,
"catalogInfo": {
"yearId": 2007,
"makeId": 9,
"modelId": 46,
"engineId": 36,
"vehicle": null,
"acesVehicleId": 1433415,
"aaiaLegacyVehicleId": 1433415
},
"deviceInfo": {
"deviceSerialNo": "2833815420310008",
"serverUrl": "service2-stg.delphi.com",
"deviceId": 372,
"serverDesc": "STG",
"demoDevice": true,
"softwareVersion": {
"deviceSoftwareVersion": 16.09,
"deviceSoftwareVersionString": "GMS_00.16.09#6A9DDDC5",
"deviceSoftwareVersionMake": "GM"
},
...