Question

我有以下html页面

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

这是我的角度指令

    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>'
   }
});

问题是，当我加载页面时，自定义指令不会出现在我的页面中。控制台中没有错误。我检查了浏览器中的inspect -> Element。它有<search-result></search-result>，但似乎忽略了它。

我该如何解决？

Answer 1

而不是这个

myApp.directive("searchResult", function()

应该是

app.directive("searchResult", function()

自定义指令不会出现在页面中

1 个答案: