angularjs - 如何在角度指令中设置插值？

Question

如何在指令中设置插值？我可以从以下代码中读取正确的值，但我无法设置它。

js：

app.directive('ngMyDirective', function () {
    return function(scope, element, attrs) {
        console.log(scope.$eval(attrs.ngMyDirective));

        //set the interpolated attrs.ngMyDirective value somehow!!!
    }
});

html:

<div ng-my-directive="myscopevalue"></div>

myscopevalue我的控制器范围的值在哪里。

Answer 1

每当指令不使用隔离范围并且您使用属性指定范围属性，并且您想要更改该属性的值时，我建议使用$parse。（我认为语法比 $eval 更好。）

app.directive('ngMyDirective', function ($parse) {
    return function(scope, element, attrs) {
        var model = $parse(attrs.ngMyDirective);
        console.log(model(scope));
        model.assign(scope,'Anton');
        console.log(model(scope));
    }
});

fiddle

$parse无论属性是否包含点都有效。

Answer 2

如果您想在范围上设置一个值但不知道属性的名称（提前），您可以使用object[property]语法：

scope[attrs.myNgDirective] = 'newValue';

如果属性中的字符串包含一个点（例如myObject.myProperty），这将不起作用；你可以用来$eval做作业：

// like calling  "myscopevalue = 'newValue'"
scope.$eval(attrs.myNgDirective + " = 'newValue'");

[更新：你真的应该使用$parse而不是$eval. 见马克的回答。]

如果您使用的是隔离范围，则可以使用=注释：

app.directive('ngMyDirective', function () {
    return {
        scope: {
            theValue: '=ngMyDirective'
        },
        link: function(scope, element, attrs) {
            // will automatically change parent scope value
            // associated by the variable name given to `attrs.ngMyDirective`
            scope.theValue = 'newValue';
        }
    }
});

您可以在这个 Angular/jQuery 颜色选择器 JSFiddle 示例中看到一个示例，其中在指令内部分配 to会自动更新传递给控制器​​范围内指令scope.color的变量。