AngularJS表不工作

<form class="search">
    <div class="searchbar">
        <input type="search" value="" data-ng-model="searchKeyword" placeholder="zoeken">
        <button type="submit"><i class="glyphicon glyphicon-search"></i></button>
    </div>
</form>

喜欢这个：

<div ng-include src="filterPath" onload="initiateSearch()"></div>

onload函数是这样做的：

(function(){
    var appController = angular.module('ListerAppController',[]);

    appController.controller('ListerCtrl',['$scope','$rootScope','$http','$filter','$timeout','$sharedFactories','History','$location',function($scope,$rootScope,$http,$filter,$timeout,$sharedFactories,History,$location) {
            $scope.initiateSearch = function () {
            // This is what you will bind the filter to
                $scope.filterText = '';

                // Instantiate these variables outside the watch
                var tempFilterText = '',filterTextTimeout;

                $scope.$watch('searchKeyword',function (val) {
                    if (filterTextTimeout) $timeout.cancel(filterTextTimeout);

                    tempFilterText = val;

                    filterTextTimeout = $timeout(function() {
                        $scope.filterText = tempFilterText;
                        $scope.pageCount = function() {
                            return Math.ceil( $scope.itemsfiltered.length / $scope.itemsPerPage );
                    };
                },350); // delay 250 ms
            });
        };
    }]);
})();

一切似乎都会好转,但是…在$watch on searchKeyword当我开始输入名为searchKeyword的输入元素时,从来不会激活这个功能.