Question

我有一个类似于以下内容的指令用于自定义控件

myApp.directive('myControl', function ($filter) {
    return {
        restrict: 'E',
        scope: { ngModel: "=" },
        templateUrl: 'some template path',
        controller: 'myControlController'
    }
});

我在一个单独的控制器块中定义了该控件的所有功能：

myApp.controller('myControlController',['$scope', function($scope){
    $scope.value=$scope.ngModel;
    //$scope.ngModel='newValue';
}]);

我有一个父控制器，我在其中创建一个myControl，如下所示：

myApp.controller('componentController',['$scope', function($scope){
    $scope.myModelValue='OriginalValue';
}]);

以下是父页面的html内容：

<html>
    <body>
        <div ng-controller="componentController">
            <my-control ng-model="myModelValue"></my-control>
            {{myModelValue}}
        </div>
    </body>
</html>

现在，我希望使用类似

之类的内容从'OriginalValue'的原始值更新ngModel的值为'newValue'

// $ scope.ngModel = 'NEWVALUE';

除了从指令或使用$ parent操作执行此操作之外，还有什么方法可以实现此目的。

从角度控制器内部更新自定义元素的ngModel而不是Angular指令

0 个答案: