Специальная директива AngularJS Issue

Я довольно новичок в AngularJS и просто столкнулся с проблемой, следуя курсу (со старой версией Angular). Создав настраиваемую директиву, он, похоже, не вызывается на стороне View. Вот мой HTML код:Специальная директива AngularJS Issue

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

Примечание: В настоящее время я работаю с версии 1.6.1 из AngularJS. Кто-нибудь сможет мне помочь? (Спасибо всем заранее)

источник

2017-01-30 Anonymous

Есть ли нг-приложение в вашем HTML? –

Большое спасибо за указание на то, что Николя. Да, у меня есть ng-приложение прямо в . По какой-то причине, однако, я перезапустил текстовый редактор, и теперь он отлично работает ... не получится. Но еще раз спасибо за вашу помощь Николас –

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

Зачем ребята с ниспровержением – Sajeetharan

Спасибо, что обратились за помощью к Sajeetharan. Я перезапустил текстовый редактор и по какой-то причине все это работало нормально. Но я посмотрел на ваш код и обнаружил некоторые вещи, которые я еще не знал, так что это тоже будет выглядеть. Большое спасибо за Вашу помощь!! –

Специальная директива AngularJS Issue

ответ

Смежные вопросы