javascript - 自定义指令中未定义的 ng-model 值

Question

我正在编写一个自定义指令，它调用我们在其他地方使用的遗留 javascript 日期控件。我面临的问题是我发送的 ng-model 的值始终未定义.

此值来自在 Controller 中执行的 $http.get。该指令的代码似乎在运行 Controller 代码之前被命中，这就是发生这种情况的原因。有没有办法让指令仅在 Controller 初始化后运行？

app.directive('dateControl', function () {
    return {
        restrict: 'A',
        require: '^ngModel',
        scope: {
            ngModel: '='
        },
        link: function (scope, element, attr) {
            // scope.ngModel is undefined in here
            alert(scope.ngModel);
            addCalControlAngular(attr.id, scope.ngModel, attr.ngModel, attr.id);
        }
    }
});


<td date-Control ng-model="postAward.letterOfAwardDespatchDate" id="letterofaward">

Answer 1

如果指令在 Controller 内部，则它不会在 Controller 之前“命中”，但如果值来自 http 请求，那么它是未定义的，直到用值更新模型(希望有意义)，以确保指令在接收后执行来自 http 的数据 你可以用 ng-if

做一个小技巧

<td procon-Date-Control ng-if="postAward.letterOfAwardDespatchDate" ng-model="postAward.letterOfAwardDespatchDate" id="letterofaward">

如果你这样做，指令将只在 ng-if 不是 null/undefined 或表达式是真实的情况下呈现，即 ng-if="postAward.letterOfAwardDespatchDate = = '昨天'"