Question

我正在尝试设置指令

project.directive('recordView', function () {
    return {
        restrict: 'E',
        scope: {
            recordId: '@'
        },
        templateUrl: '/scripts/templates/record-view-template.html',
        controller: 'RecordViewController',
        link: function (scope, element, attrs) {
            scope.$watch('recordId', function (value) {
                console.log(value);
                if (value) {
                    scope.resp.RecordId = 0
                    scope.resp.RecordId = eval('(' + value + ')');
                    alert(scope.resp.RecordId);
                }
            });
        }
    }
});

我使用像这样的指令

<record-view recordId="{{currentRecordId}}"></record-view>

在我的视图中抛出{{currentRecordId}}证明正在设置正确的值，并且指令范围。$ watch在记录id属性更改时正确触发，但console.log证明值未定义

我不确定我在这里缺少什么。我不知道这是否重要，但该指令正在一个单独的指令中使用。

Answer 1

事实证明，角度不像我这样称呼我的指令

<record-view recordId="{{currentRecordId}}"></record-view>

相反，它希望我像这样称呼它

<record-view record-id="{{currentRecordId}}"></record-view>

我认为规范化会让我像我一样使用它，但显然事实并非如此

范围。$ watch with a directive返回undefined的属性值

1 个答案: