AngularJS自定義指令問題

Question

我對AngularJS相當陌生，並且在學習課程時遇到了一個問題（使用Angular的較舊版本）。 剛剛創建了一個自定義指令，它似乎沒有在View端被調用。 這是我的HTML代碼：

<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版本 。 有人可以幫我嗎？ （謝謝大家）

Answer 1

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>

AngularJS自定義指令問題

問題描述

1 個解決方案

解決方案1
0 已采納 2017-01-30 11:08:16

AngularJS自定義指令問題

問題描述

1 個解決方案

解決方案1 0 已采納 2017-01-30 11:08:16

解決方案1
0 已采納 2017-01-30 11:08:16