AngularJSカスタムディレクティブの問題

私はAngularJSをかなり新しくしており、コースに続いている間に問題が発生しました（古いバージョンのAngularを使用）。カスタムディレクティブを作成したばかりなので、ビュー側では呼び出されていないようです。は、ここに私のHTMLコードです：AngularJSカスタムディレクティブの問題

<h3>Results Found:</h3> 
<div class="list-group"> 
    <search-result></search-result> 
</div>

そしてここでJSコードです：

myApp.directive('searchResult', function() { 
    return { 
     template: '<a href="#" class="list-group-item active"><h4 class="list-group-item-heading">Doe, John</h4><p class="list-group-item-text">555 Some St, New York, NY 101010</p></a>' 
    } 
});

注：私は現在、バージョンAngularJSの1.6.1で働いています。誰も私を助けることができるだろうか？は

出典

2017-01-30 Anonymous

（事前にすべてのいただきありがとうございます）、あなたのhtmlでのNGアプリはありますか？ –

Nicolasを指摘してくれてありがとう。はい、にng-appの権利があります。しかし何らかの理由で、私はテキストエディタを再起動しましたが、今は正常に動作しています...取得しないでください。しかし、もう一度あなたの助けに感謝ニコラス –

DEMO

var myApp = angular.module('DirectiveApp', []); 
 

 
myApp.controller("mainController", ["$scope", "$http", 
 
    function($scope, $http) { 
 
     
 
    } 
 
]); 
 
myApp.directive('searchResult', function() { 
 
    return { 
 
     template: '<a href="#" class="list-group-item active"><h4 class="list-group-item-heading">Doe, John</h4><p class="list-group-item-text">555 Some St, New York, NY 101010</p></a>' 
 
    } 
 
});

<!DOCTYPE html> 
 
<html ng-app="DirectiveApp"> 
 
<head> 
 
    <title>List</title> 
 
    <link href="skeleton.css" rel="stylesheet" /> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
 
    </head> 
 
<div ng-controller="mainController"> 
 
    <div class="container"> 
 
    <search-result></search-result> 
 
    </div> 
 
</div> 
 
</body> 
 

 
</html>

出典

2017-01-30 11:08:16 Sajeetharan

なぜdownvote男 – Sajeetharan

あなたの助けに感謝Sajeetharan。テキストエディタを再起動して何らかの理由ですべてがうまくいきました。しかし、私はあなたのコードを見て、私がまだ知らなかったいくつかのものを発見したので、それらも同様にlookibgされます。ご助力ありがとうございます！！ –

AngularJSカスタムディレクティブの問題

答えて

関連する問題