0

Angular 新手。我正在为整个项目创建一个供全局使用的指令(属性)。我正在使用本地存储功能,我的意图是让属性所在的元素相应地更改其值/文本。这是HTML:

<input type="email" name="username" placeholder="Email Address" ng-model='username' loadstorage="USERNAME" />

这是指令:

.directive("loadstorage", function (localStorage) {
        return function ($scope, $element, attrs) {
            $scope.$element = localStorage.get(attrs.loadstorage); 
        }
});

正如你可以想象的那样,这是行不通的。所以我需要一种方法来操纵调用函数的元素的范围。到目前为止我尝试的是:

$element.val(localStorage.get(attrs.loadstorage));

它有效,但只有当我删除元素的 ng-model 时,不幸的是我需要它用于项目中的其他目的。

angular.element($element).scope();

有了这个我可以访问范围但不能操作它。这是我正在谈论的一个 plunker 示例:http ://plnkr.co/edit/FScDaj4YDIae8ZEs9ucx?p=preview 任何帮助将不胜感激。

4

1 回答 1

1

您的指令可能应该通过ngModel控制器(docs)操纵值:

.directive("loadstorage", function (localStorage) {
    return {
        require: ["ngModel"],
        link: function(scope, element, attrs, controllers) {
            var ngModel = controllers[0],
                val = localStorage.get(attrs.loadstorage);
            element.val(val);
            ngModel.$setViewValue(val);
        }
    };
});

见分叉 plunk:http://plnkr.co/edit/DZwTgrVNeLIbLXryscPy

于 2013-09-17T10:14:40.407 回答