何时使用 AngularJS 1.5 中引入的一次性绑定（即`<`）？

Question

给定

<my-component my-attr="parentModel">

和一个指令定义，包括：

scope: { localModel:'<myAttr' }

角度will set up a one time binding。这是什么意思

表达式在父作用域的上下文中计算

和

隔离范围属性 localModel 将在父范围上反映 parentModel 的值。对 parentModel 的任何更改都会反映在 localModel 中，但 localModel 的更改不会反映在 parentModel 中

这很好，但是在使用 & 符号（即&）的角度表达式已经可以完成的事情之上，如何完成任何事情？

给定

<my-component my-attr="parentModel">

和一个指令定义，包括：

scope: { getModel:'&myAttr' }

对scope.getModel() 的任何调用也应该在父作用域的上下文中评估"parentModel" 表达式，并将这样的值提供给指令的隔离作用域，这里不需要$watch parentModel或者担心隔离范围内的值会传播回父级。

Answer 1

我编写了这段代码 sn-p 试图更好地理解这个问题。这两个选项之间似乎有明显的区别，例如link 函数的处理方式和一些自动$watch()ing。但我从来没有以这种方式使用过表达式，我认为我遗漏了一些东西。

var app = angular.module('app', []);

app.controller('MainCtrl', function() {
  this.v1 = 1;
  this.v2 = 2;
  this.v3 = 3;
});

app.directive('myComponentOne',
  function() {
    return {
      restrict: 'E',
      scope: { v: "<val" },
      template: '<input ng-model="v"/>',
      link: s => s.v = 99
    };
  });

app.directive('myComponentTwo',
  function() {
    return {
      restrict: 'E',
      scope: { v: '&val' },
      template: '<input ng-model="v"/>',
      link: s => s.v = 99
    };
  });

app.directive('myComponentThree',
  function() {
    return {
      restrict: 'E',
      scope: { v: '=val' },
      template: '<input ng-model="v"/>',
      link: s => s.v = 99
    };
  });

<div ng-app="app">
  <div ng-controller="MainCtrl as main">
    <div>
      One-way binding:<br>
      parentScope=<input ng-model="main.v1" /><br>
      localScope=<my-component-one val="main.v1"></my-component-one>
    </div>
    <hr>
    <div>
      Expression:<br>
      parentScope=<input ng-model="main.v2" /><br>
      localScope=<my-component-two val="main.v2"></my-component-two>
    </div>
    <hr>
    <div>
      Two-way binding:<br>
      parentScope=<input ng-model="main.v3" /><br>
      localScope=<my-component-three val="main.v3"></my-component-three>
    </div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.1/angular.min.js"></script>