Dynamic Link List With Angular

HTML

<div class="people-wrapper" ng-app="peopleApp" ng-controller="peopleController as vm">
     <h3>Links List (doesn't work):</h3>

    <ul>
        <li data-ng-repeat="thisPersonListing in vm.people"><a ng-click="vm.showPerson = thisPersonListing.id" href="#">{{thisPersonListing.fname}} {{thisPersonListing.lname}}</a>

        </li>
    </ul>
     <h3>Textbox (does work):</h3>

    <input type="text" ng-model="vm.showpersonTEXTBOX" ng-change="vm.showPerson = null">
     <h3>Display Person</h3>

    <div data-ng-repeat="thisPerson in vm.people | filter:vm.showpersonTEXTBOX | filter:vm.showPerson" class="person-{{thisPerson.id}}">
         <h4>{{thisPerson.fname}} {{thisPerson.lname}}</h4>

        <p><strong>ID:</strong> {{thisPerson.id}}</p>
        <p><strong>Abstract:</strong> {{thisPerson.abstract}}</p>
    </div>

JavaScript

angular.module('peopleApp', []).controller('peopleController', function ($scope) {
    this.people = [{
        id: '5124dqd',
        fname: 'Stannis',
        lname: 'Baratheon',
        abstract: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lacinia nibh vitae arcu pharetra, in blandit odio lobortis. Phasellus scelerisque, metus id porttitor blandit, ligula erat tincidunt nibh, a ultricies odio felis vitae purus. Fusce ac sapien fringilla, ornare est eu, bibendum felis. Proin feugiat nisl vitae quam fringilla luctus. Curabitur ornare diam nec nunc commodo varius. Aliquam massa ante, tempus eget aliquet quis, condimentum consectetur eros. Maecenas scelerisque turpis quis cursus lobortis. Nunc pharetra condimentum massa, at rhoncus leo facilisis quis. Sed nisl mi, auctor quis mauris id, porta pellentesque nisi.'
    }, {
        id: 'qqqqw231g',
        fname: 'Rickon',
        lname: 'Stark',
        abstract: 'Nam diam tortor, egestas nec porta id, tincidunt non risus. Nam at maximus eros. Sed bibendum ante eget viverra ornare. In hac habitasse platea dictumst. Nam at vehicula massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie ex nec felis pharetra, non pharetra velit tristique. Sed arcu libero, condimentum at nisi vitae, lobortis volutpat nisi.'
    }, {
        id: 'gb3gg5sxv',
        fname: 'Daenerys',
        lname: 'Targarian',
        abstract: 'Maecenas ut malesuada lectus. Sed vehicula lectus id eleifend scelerisque. Nam lacinia nisi a orci dictum dictum. Sed molestie porttitor dignissim. Fusce finibus sapien vel iaculis iaculis. Nullam suscipit leo sit amet leo tristique, quis euismod arcu venenatis. Vivamus sed mauris felis. Integer condimentum vel sem eu sagittis. Nulla in tristique ex. Ut nisi nunc, hendrerit id hendrerit bibendum, accumsan in enim. Duis vitae finibus sapien.'
    }, {
        id: 'bber343',
        fname: 'Tyrion',
        lname: 'Lannister',
        abstract: 'Maecenas scelerisque...