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>属性获取指令范围变量的

请告诉我为什么会这样，以及我如何解决此问题。 谢谢

Answer 1

检查控制台是否有错误，多余的引号和大括号{{}}引起了错误。

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

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