Benutzerdefinierte Richtlinie erscheint nicht auf der Seite

Question

Ich habe die folgende HTML-Seite

<input type="text" value="Doe"> 
<h3>Search Result</h3> 
<div class="list-group"> 
    <search-result></search-result> 
    <search-result></search-result> 
</div> 

und hier ist mein Winkel Richtlinie

var app=angular.module('App',['ngRoute']); 
    app.config(function($routeProvider){ 
     $routeProvider 
     .when('/',{ 
      templateUrl:'pages/main.html', 
      controller:'mainController' 
     }) 

    }) 

myApp.directive("searchResult", function() { 
    return { 

     template: '<a href="#" class="list-group-item"><h4 class="list-group-item-heading">Doe, John</h4><p class="list-group-item-text">555 Main St., New York, NY 11111</p></a>' 
    } 
}); 

Das Problem ist, wenn ich die Seite der benutzerdefinierte Richtlinie geladen wird nicht auf meiner Seite erscheinen. Es gibt keinen Fehler in der Konsole. Ich habe die inspect -> Element im Browser überprüft. Es hat die <search-result></search-result>, aber es scheint, dass es ignoriert wird.

Wie kann ich es beheben?

Answer 1

Statt dieser

myApp.directive("searchResult", function() 

es

sein sollte

app.directive("searchResult", function()