javascript - AngularJS - 输入更改传入指令的外部指令值

Question

我是 AngularJs 的初学者，我不知道如何从指令外部检索数据。我有各种输入正在更新，我需要指令来获取这些数据并使用它。

例如，在下面的代码中，第一个输入字段连接到指令并且工作正常，但是如果不将指令属性放在第二个输入字段上，如何在指令中更新在该字段中键入的数据？

HTML:

<div ng-app="myDirective">
    <input type="text" ng-model="test1" my-directive>
    <input type="text" ng-model="test2">
</div>

指令:

angular.module('myDirective', [])
    .directive('myDirective', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(attrs.ngModel, function (v) {
                console.log('New Value from field 1: ' + v);
                //console.log('New Value from field 2: ' + ???);
            });
        }
    };
});

Answer 1

我可以用文字解释这一点，但我认为如果你观看 john lindquist 的这 3 个视频会更好。 :

• Isolate Scope "@"
• Isolate Scope "="
• Isolate Scope "&"

和summary .

它们确实很短(每个大约 4 分钟)，但非常简单且有用。

PS:顺便说一句，我建议你也看看其他人。它们都简短而精确，很喜欢它们。