Question

我在控制器中定义了一个自定义指令，我已经在控制器$scope中定义了一些变量。

    myapp.controller('demoController', function ($scope) {
        $scope.userInput = "Hello World";
    });

    myapp.directive('custom', function () {
        return {
            template: '<input type="text" ng-model="userInput" value="{{userInput}}" />'
        }
    });

html：

    <div controller="demoController">
    <custom></custom>

我认为custom指令可以继承父控制器的$scope，因此它可以访问userInput变量。但是当页面渲染出来时，什么也没发生。输入元素什么也没有显示。

自定义指令不应该继承父级的范围吗？怎么能做对吗？

Answer 1

更改您的div以使用ng-controller

  <div ng-controller="demoController">

混淆角度自定义指令范围继承

1 个答案: