访问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"上的输入是从指令内生成的。任何帮助吗?

这是给你的礼物

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为空字符串。

这里是演示

或者你可以试试这个，但似乎第一个是更好的