AngularJS не получает данных, переданная в рамках

Question

Вот мой фрагмент кода HTML:

<div ng-controller="ctrl"> 
 
<custom-tag 
 
title = "name" 
 
body = "content"> 
 
</custom-tag> 
 
</div>

Вот контроллер и директивно написано:

var mod = angular.module("main_module",[]); 
 

 
//Controller 
 
mod.controller("ctrl",function($scope) { 
 
    $scope.name="Page Title"; 
 
    $scope.content="sample_template.html"; 
 
    }); 
 

 
//Directive 
 
mod.directive("customTag", function() { 
 
    return { 
 
    'restrict' : 'E', 
 
    'scope' : { 
 
     'title' : '=', 
 
     'body : '=' 
 
     }, 
 
    'templateUrl' : 'directive_template.html' 
 
    }; 
 
    });

<!-- directive_template.html --> 
 

 
<div> 
 
    <div>{{title}}</div> 
 
    <div ng-include="'{{body}}'"></div> 
 
</div>

Фактический HTML, оказываемая директивы заключается в следующем:

<div> 
 
    <div ng-binding></div> 
 
    <!-- ngInclude: '{{body}}' --> 
 
</div>

Ясно, что не получает директивы области видимости переменных из атрибутов в <custom_tag>

Пожалуйста, скажите мне, почему это происходит и как я решить эту проблему. Thanks

Answer 1

Проверьте консоль на наличие дополнительных котировок и {{}} брекеты нарушали вещи.

<div> 
 
    <div>{{title}}</div> 
 
    <div ng-include="body"></div> 
 
</div>

http://plnkr.co/edit/G9JfIJGhSghUbgkKLXnV?p=preview