使用 angularjs 指令从 html 元素中提取绑定的 angularjs 数据

Question

我的指令包含一个 javascript 对象。我尝试使用 jquery 查找绑定到此 javascript 对象的所有 html 元素。 jquery如何获取angularjs对象的绑定数据？

也许上面的代码更好地解释了我的计划。

angular.module('app').directive('highlight', [
    '$rootScope', '$compile', function ($rootScope, $compile) {
        return {
            replace: true,
            templateUrl: 'highlight.html',
            link: function (scope, element, attrs) {

                //this data object do we need to highlight
                scope.Tohighlight;

                $($.find('input, select')).each(function () {
                    //todo extract data if input or selection are binding data
                    //<input type="x" data-ng-model="data" /></span>
                    var data = angular.extractDataFromhtmlelement($(this));
                    //if html element contains our data add some css stuff
                    if(data ==  scope.Tohighlight)
                    {

                    }
                });
            };
    }
]);

我不知道是否存在用于我的目的的 angularjs 方法。如何获取 jquery 对象的绑定 angularjs 数据模型？谢谢。

Answer 1

您可以使用scope() 方法和$parse 服务来实现。 Example

link: function(scope, element) {
    var inputElement = element.find('input');
    var inputModelGetter = $parse(inputElement.attr('ng-model'));
    var inputModelSetter = inputModelGetter.assign;
    function getInputModel() {
        return inputModelGetter(inputElement.scope());
    }
    function setInputModel(value) {
        inputModelSetter(inputElement.scope(), value);
    }
    // ...
}