Angular：更新范围内的范围答案

【问题标题】：Angular: update scope inside scopeAngular：更新范围内的范围
【发布时间】：2015-08-18 19:42:18
【问题描述】：

我有一个有 2 个作用域的控制器：

app.controller('search', function($scope) {
    $scope.value1 = '';
    $scope.value2 = 'Some text' + $scope.value1;
}

还有一个输入字段：

<input type="text" ng-model="value1">

当我使用输入字段更改 value1 时（有效）， value2 不会更新。我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

您可以在声明对象时遵循点规则。那会给你prototypal inheritance的东西。 param1 和 param2 都将引用对象的同一副本。这样更新一个会自动更新另一个。

标记

<input type="text" ng-model="param1.value">
<input type="text" ng-model="param2.value">

控制器

app.controller('search', function($scope) {
    $scope.param1 = {value : ''};
    $scope.param2 = $scope.param1;
}

更新

如果您想将这些变量保持为原始变量，那么您应该在某些事件上更新它们，例如这里您可以使用 ng-change 指令来完成

标记

<input type="text" ng-model="value1" ng-change="value2 = value1 + ' something'">

或者只是您可以将内联 html 代码移动到您的控制器函数中以使其可测试。

标记

<input type="text" ng-model="value1" ng-change="changedValue()">

代码

$scope.changedValue = function(){
    $scope.value2 = $scope.value1 + ' something' 
}

【讨论】：