javascript - 如何通过 AngularJs 中的函数传播不断变化的范围变量？

Question

例如，如果我有以下情况:

function ACtrl($scope) {
  $scope.title = "Title";
  $scope.funkyString= funkyAndComplexStuff($scope.title);
  function funkyAndComplexStuff(title) {
     /*...*/
     return title;   
  }
}

用 html:

<div ng-app>
  <div ng-controller="ACtrl">
    <div>
      {{title}} and length {{funkyString}}
        <input type="text" ng-model='title' />
    </div>
  </div>
</div>

我希望 $scope.funkyString 在每次 $scope.title 发生变化时更新。

据我所知，我有两个选择:

• 对变量使用watch
• 创建一个过滤器，我可以在 $scope.funkyString 上应用

但这两个听起来都过于沉重。一旦数据发生变化，我可以使用其他任何方法对其进行后处理吗？

编辑:

修改了我的例子，希望人们不那么困惑。

Answer 1

我会尝试这样的事情，所以它也可以处理来自其他代码字段的 $scope.title 的更改

<div ng-controller="ACtrl">
    <div>
      {{title}} and length {{ funkyAndComplexStuff(title) }}
        <input type="text" ng-model='title' />
    </div>
  </div>