JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-controller="MyCtrl">
<input type="text" data-ng-model="search" />
<ul>
<li data-ng-repeat="page in list.pages | filter: {$: search}">{{page.title}}</li>
</ul>
</div>
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', ['$scope', function ($scope) {
$scope.list = {
pages: [{
"title": "random stuff1",
"path": "/random_stuff.html",
"labels": [{
"term": "viewed",
"probability": 0.083
}, {
"term": "firefox",
"probability": 0.083
},
{
"term": "cookies",
"probability": 0.083
}, {
"term": "times",
"probability": 0.055
}, ],
}, {
"title": "random stuff2",
"path": "/random_stuff.html",
"labels": [{
"term": "viewed",
"probability": 0.083
}, {
"term": "firefox",
"probability": 0.083
},
{
"term": "cookies",
"probability": 0.083
}, {
"term": "my name",
"probability": 0.078
}, ],
}]
};
}]);