Пользовательская директива не отображается

Question

Пользовательская директива не отображается

0

В этой директиве я пытаюсь отобразить результат нескольких запросов на получение:

plnkr: https://plnkr.co/edit/BjETLN7rvQ1hNRIm51zG?p=preview src:

http-hello1.html : 
{ "content" : "divContent" , "id" : "r1" }
http-hello2.html : 
2. http-hello2.html
http-hello3.html : 
3. http-hello3.html

index.html : 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>

  <div ng-controller="FetchCtrl">

  <source-viewer ng-repeat="sourceUrl in sourceUrls" url="sourceUrl"></source-viewer>
</div>


  </body>
</html>


mytemplate.html : 

<h1>{{url}}</h1>
<div>
    <p>{{model.address}}</p>
</div>

script.js : 

// Example of how to call AngularJS $http service and
var myapp = angular.module('app', []).controller('FetchCtrl', FetchCtrl)

myapp.directive('sourceViewer', function ($http) {
            return {
                restrict: 'E',
                templateUrl: 'mytemplate.html', 
                scope: {
                    url: '='
                }, 
                link: function (scope, elem, attrs, ctrl) {
                    $http.get(scope.url).success(function (data) {
                        $scope.model = data.data;
                    });
                }
            };
        });

function FetchCtrl($scope, $http, $q , $parse) {


$scope.sourceUrls = [
                'http-hello1.html',
                'http-hello2.html',
                'http-hello3.html'
            ];



}

Но ничего не делается. Я правильно определяю эту директиву?

blue-sky 23 янв. 2016, в 13:50

Источник

1

В вашем HTML-теге у вас есть директива ng-app, но вы не указываете, какой модуль загрузить. Попробуйте <html ng-app = "app">
Shaun Scovil 23 янв. 2016, в 13:13
0

@ShaunScovil работает, спасибо plnkr.co/edit/BjETLN7rvQ1hNRIm51zG?p=preview
blue-sky 23 янв. 2016, в 14:21

Теги:

angularjs

angularjs-directive

1 ответ

Ещё вопросы

В вашем HTML-теге у вас есть директива ng-app, но вы не указываете, какой модуль загрузить. Попробуйте <html ng-app = "app">
@ShaunScovil работает, спасибо plnkr.co/edit/BjETLN7rvQ1hNRIm51zG?p=preview

vorant · Accepted Answer · 2016-01-23T14-22-00.000Z

Использовать ng-include в mytemplate.html

https://plnkr.co/edit/gPoRn89anqn7uLRMYVSG?p=preview