有人可以提供一个在指令中使用范围的简单示例吗？

Question

我无法在指令中找到任何关于scope属性的优秀示例。我发现它很混乱 - 关键词和值的列表是什么？使用属性的值在哪里？

有人可以提供一个基本的简单示例吗？

Answer 1

您可以看到JSFiddle Here或更低版本。

此外，还有great article on the subject。

---

JS小提琴代码（如图所示）

<div ng-controller="MyCtrl">
    <pass-object obj="obj2" itm="item.one"></pass-object>
</div>

JS     var myApp = angular.module（'myApp'，[]）;

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { object: '=obj', itm: '=' },
        template: '<div>Hello, {{object.prop}}, {{itm}}!</div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.obj2 = { prop: "world" };
    $scope.item = {"one": 1, "two": 2};
});