为什么我的指令没有显示我要传递给它的字符串

Question

我正在尝试在Angular中建立第二条指令。 我面临着一个使我疯狂的问题。 我是新手，在尝试这个非常有用的解释以及本教程之后 ，也尝试进行研究，但是我不明白为什么，我无法将简单的字符串传递给指令。

这是我的超级简单指令的代码：

uxctModule.directive('postIt', function() {
  return {
      restrict: 'AE',
      replace: 'true',
      scope:{
         message: "@"
      },

      template:"<div>Received: {{message}}</div>"
  };
});

我正在尝试将一个非常简单的字符串传递给它。

这是我的标记：

 <div post-it message='{{postItContent}}'></div>

其中postItComment是来自其控制器的作用域变量：

 $scope.postItContent = "THIS IS A STRING DECLARED IN MY CONTROLLER";

发生了什么？ 有人可以给我一个解释吗？

Answer 1

参见此JS Fiddle，您的解决方案可以正常工作： http : //jsfiddle.net/ahchurch/S6dBE/1/

不是没有问题，而是在您的问题中（不确定是拼写错误还是只是您没有注意到）-$ scope.postItContent不是您要将消息绑定到的内容。 您的绑定是{{postItComment}}。

var myApp = angular.module('myApp',[]);

myApp.directive('postIt', function() {
  return {
      restrict: 'AE',
      replace: 'true',
      scope:{
         message: "@"
      },

      template:"<div>Received: {{message}}</div>"
  };
});
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.message = 'Superhero';
}