javascript - 访问通过 Angular 中的隔离范围创建的 ng-model

Question

我有一个使用隔离作用域的简单指令，它将数据从模板内传递到作用域方法:

app.directive("phone", function () {
    return {
      scope: {
        dial: "&"
      },
      template: '<input type="text" ng-model="value">' +
        '<br>' +
        '<div class="button" ng-click="dial({message:value})">' +
        'Call home!</div>',
      controller: function($scope) {
        console.log($scope);
      }
    };
  });

工作正常。但我想在警报完成后清除输入字段。我很难弄清楚如何访问从指令内生成的输入的 ng-model="value" 。有什么帮助吗？

这是一个plunk for you

Answer 1

将模板更改为这样

template: '<input type="text" ng-model="value">' +
        '<br>' +
        '<div class="button" ng-click="dial({message:value}); value = \'\' ">' +
        'Call home!</div>',

请注意，ng-click 已更改为 ng-click="dial({message:value}); value =\'\' "

调用 dial() 函数后，这会将 value 设置为空字符串。

这是demo

或者你可以尝试一下this ，但似乎第一个更好。