JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="SampleApp" ng-init="buildings = [
    {name:'name1-ClickMe',file:'file1', location:'location1', image:'images/img1.jpg', number:'(123) 400-0000'},

  {name:'name2-ClickMe',file:'file2', location:'location2', image:'images/img2.jpg', number:'(123) 400-0000'},

  {name:'name3-ClickMe',file:'file3', location:'location3', image:'images/img3.jpg', number:'(123) 400-0000'},
]" ng-controller="myController">

  <div ng-repeat="building in buildings | filter:q as results">

    <div ng-click="pushPage('/' + building.file + '.html')">
      {{building.name}}
    </div>
  </div>
</div>

JavaScript

var sampleApp = angular.module("SampleApp", []);
sampleApp.controller('myController', function($scope) {
  $scope.pushPage = function(pageName) {
    console.log(pageName);
  }
});