Question

我有form动态插入input到DOM（来自其他插件）。有没有办法在没有ng-model的情况下从这个输入读取值？

<form name="myForm" data-my-directive>
    <div class="customPlugin">
        <!-- here input without ng-modeal appears: -->
        [ <input type="text" name="foo" value="bar" /> ]
    </div>
</form>

我看了很多例子，但是到处都有人写ng-model ... :(

Answer 1

使用监视更改的指令。

如果认为有必要，您可以将其分配给您的范围。

.directive('watchForChanges', function () {
        return {
            link: function(scope, element, attrs) {
                element.on('change', function (e) {
                  console.log(e.target.value);
                  // scope.myValue = e.target.value;
                })
            }
        }
});

PLNKR：http://plnkr.co/edit/qrj8ZbUya5wE0EylFcGG?p=preview

Answer 2

您可以使用指令：

JSFiddle

.directive('myDirective', function() {
    return {
        link: function(scope, element, attrs) {
            console.log(element.find('input').attr('value'));
        }
    };
});

Angular：如何在没有ng-model的情况下获取输入值

2 个答案: