如何将Isolated指令值从指令传递给div

Question

这里我写了一个简单的Isolated指令来显示x和Y值

app.directive('meassageFunction', function () {
    return {
       templateUrl: '/Html/IsolatedScope/ISolatedDirective.html',
       scope: {
           X: '@',
           Y:'@'
       }
    }
})

HtmlPage

  <div meassage-function X="Md" , Y="Ghouse">

</div>

Answer 1

你的作品中有很多拼写错误，这干扰了你想要做的事情。

请注意，范围变量区分大小写（x与X不同），并且使用您定义的指令是 super 重要。

＆＃13;

＆＃13;

angular.module('thing',[]).directive('messageFunction', function () {
    return {
       template: '{{x}} {{y}}',
       scope: {
           x: '@',
           y:'@'
       }
    }
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="thing">
  <div message-function x="Hello" y="World">
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;