自定义指令范围与 attrs

Question

在 Angular 中创建自定义指令时，我有一个担忧。 当我使用链接函数时，我不确定使用 attrs 或范围访问属性时的真正区别是什么。 以这段代码为例：

myApp.directive('someDirective', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            title: '=title'
        },
        template: '<img/>',
        link: function(scope, element, attrs) {
            if (scope.title) {
                // do something here
            }
            if (attrs.title){
                // do something here
            }
        },
    }

根据我的观察，从 attrs 和按范围访问“title”属性具有类似的效果。真正的区别是什么？

Answer 1

不同之处在于，根据定义，属性是字符串类型。总是。在您的情况下，attrs.title 将是字符串，等于您在 HTML 中传递给属性的任何内容。

但是，scope.title 是属性 attr.title 的解析和评估结果。

例如。如果你在 HTML 中使用这样的东西

<some-directive title="name"></some-directive>

其中$scope.name = "Thomas Mann" 定义在范围内，那么attr.title 将是字符串"name"，而scope.title 将是"Thomas Mann"。